/* =============================================================================
 * Apply the Abar font family to Persian (fa) pages.
 *
 * The actual @font-face declarations for the AbarLow / AbarMid / AbarHigh
 * families live in `fonts/abar/fonts.css` (vendor-supplied) and are
 * registered as a separate CSS file in `__init__.py`.
 *
 * Optical-size mapping (Fontiran convention):
 *   AbarLow  – tight, optimised for small body copy
 *   AbarMid  – everyday text & subheadings
 *   AbarHigh – display sizes (h1/h2)
 *
 * Selectors are scoped to `html[lang|="fa"]`, so other-language builds
 * keep the upstream Inter/Roboto stack unchanged.
 * ============================================================================= */

html[lang|="fa"],
html[lang|="fa"] body,
html[lang|="fa"] p,
html[lang|="fa"] li,
html[lang|="fa"] a,
html[lang|="fa"] button,
html[lang|="fa"] label,
html[lang|="fa"] input,
html[lang|="fa"] textarea,
html[lang|="fa"] select,
html[lang|="fa"] table {
    font-family: 'AbarMid', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

html[lang|="fa"] h1,
html[lang|="fa"] h2,
html[lang|="fa"] section > h2,
html[lang|="fa"] .display-1,
html[lang|="fa"] .display-2,
html[lang|="fa"] .display-3,
html[lang|="fa"] .display-4 {
    font-family: 'AbarHigh', 'AbarMid', 'Inter', system-ui, sans-serif;
}

html[lang|="fa"] h3,
html[lang|="fa"] h4,
html[lang|="fa"] h5,
html[lang|="fa"] h6 {
    font-family: 'AbarMid', 'Inter', system-ui, sans-serif;
}

html[lang|="fa"] small,
html[lang|="fa"] .small,
html[lang|="fa"] caption,
html[lang|="fa"] figcaption {
    font-family: 'AbarLow', 'AbarMid', 'Inter', system-ui, sans-serif;
}

/* Keep monospace for code regions. */
html[lang|="fa"] code,
html[lang|="fa"] pre,
html[lang|="fa"] kbd,
html[lang|="fa"] samp,
html[lang|="fa"] tt,
html[lang|="fa"] .literal,
html[lang|="fa"] .literal-block,
html[lang|="fa"] .highlight,
html[lang|="fa"] .highlight pre {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
                 'Courier New', monospace;
}