/*
 * Global site font: IRANSansX (Eco)
 *
 * The licensed WOFF2 files are intentionally kept separate from this source archive.
 * Place them in resources/site-assets/fonts/ with these exact names:
 *   IRANSansX-Regular.woff2
 *   IRANSansX-Bold.woff2
 *
 * They are served through /static/* by SiteAssetController, so this works even
 * when public/assets/site is not present on the deployment.
 */
@font-face {
    font-family: "IRANSansX";
    src: url("IRANSansX-Regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: "IRANSansX";
    src: url("IRANSansX-Regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: "IRANSansX";
    src: url("IRANSansX-Regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: "IRANSansX";
    src: url("IRANSansX-Regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: "IRANSansX";
    src: url("IRANSansX-Bold.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: "IRANSansX";
    src: url("IRANSansX-Bold.woff2") format("woff2");
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: "IRANSansX";
    src: url("IRANSansX-Bold.woff2") format("woff2");
    font-style: normal;
    font-weight: 900;
    font-display: swap;
}

:root {
    --site-font-family: "IRANSansX", Tahoma, Arial, sans-serif;
}

/*
 * This stylesheet is loaded after all page styles. !important is deliberate:
 * several legacy division pages declare their own font-family inline.
 * :where() keeps selector specificity low so dedicated icon/monospace classes
 * that explicitly use !important can still opt out without breaking icons.
 */
:where(
    html, body,
    button, input, select, textarea, optgroup,
    h1, h2, h3, h4, h5, h6,
    p, a, span, div, li, ul, ol,
    table, thead, tbody, tfoot, tr, th, td,
    label, small, strong, b, em, blockquote,
    summary, details, pre, code, kbd, samp
) {
    font-family: var(--site-font-family) !important;
}
