/* Self-hosted. The OMS box has no route to Google Fonts, and the staff using
   this are inside Iran, so a CDN reference would simply render nothing and fall
   back to a system font - which is exactly the symptom that was reported. */

@font-face {
    font-family: "Vazirmatn";
    src: url("../fonts/Vazirmatn-variable.woff2") format("woff2-variations"),
         url("../fonts/Vazirmatn-variable.woff2") format("woff2");
    font-weight: 100 900;      /* one variable file covers every weight */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter-variable.woff2") format("woff2-variations"),
         url("../fonts/Inter-variable.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* Vazirmatn carries Latin glyphs too, so listing Inter first for English and
   Vazirmatn first for Persian keeps each language in the face it was drawn for
   while never leaving a gap. */
:root { --aps-font-fa: "Vazirmatn", "Inter", "Segoe UI", Tahoma, sans-serif;
        --aps-font-en: "Inter", "Vazirmatn", "Segoe UI", Tahoma, sans-serif; }

body, body.fa, body.en,
input, select, textarea, button, table, h1, h2, h3, dt, dd, label {
    font-family: var(--aps-font-fa);
}
body.en, body.en input, body.en select, body.en textarea, body.en button,
body.en table, body.en h1, body.en h2, body.en h3, body.en dt, body.en dd, body.en label {
    font-family: var(--aps-font-en);
}

/* Persian digits sit better with a touch more line height. */
body.fa { line-height: 1.75; }