/* ==========================================================================
   fonts.css — self-hosted faces, WOFF2, font-display: swap (§4)
   Inter is the canonical EN fallback. When Proxima Nova is licensed for the
   project, add its @font-face blocks above these and it leads the stack via
   --f-en in tokens.css. Arabic uses the brand face Frutiger LT Arabic (below),
   self-hosted; Cairo remains only as a system-absent fallback in --f-ar.
   ========================================================================== */

/* ---- Frutiger LT Arabic (brand Arabic face) ----------------------------
   Four weights unified under one family name so font-weight maps correctly:
   Light 300, Regular 400, Bold 700, Black 800. Self-hosted WOFF2. ---------- */
@font-face {
    font-family: 'Frutiger LT Arabic';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../assets/fonts/FrutigerLTArabic-Light.woff2') format('woff2');
}
@font-face {
    font-family: 'Frutiger LT Arabic';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../assets/fonts/FrutigerLTArabic-Regular.woff2') format('woff2');
}
@font-face {
    font-family: 'Frutiger LT Arabic';
    font-style: normal;
    font-weight: 500;             /* no dedicated medium — map to Regular */
    font-display: swap;
    src: url('../assets/fonts/FrutigerLTArabic-Regular.woff2') format('woff2');
}
@font-face {
    font-family: 'Frutiger LT Arabic';
    font-style: normal;
    font-weight: 600;             /* no dedicated semibold — map to Bold */
    font-display: swap;
    src: url('../assets/fonts/FrutigerLTArabic-Bold.woff2') format('woff2');
}
@font-face {
    font-family: 'Frutiger LT Arabic';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../assets/fonts/FrutigerLTArabic-Bold.woff2') format('woff2');
}
@font-face {
    font-family: 'Frutiger LT Arabic';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../assets/fonts/FrutigerLTArabic-Black.woff2') format('woff2');
}
@font-face {
    font-family: 'Frutiger LT Arabic';
    font-style: normal;
    font-weight: 900;             /* heaviest available is Black (800) */
    font-display: swap;
    src: url('../assets/fonts/FrutigerLTArabic-Black.woff2') format('woff2');
}

/* ---- Inter variable (preferred: one file, full weight axis 100–900) ---- */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('../assets/fonts/InterVariable.woff2') format('woff2-variations');
}

/* ---- Static fallbacks for engines without variable-font support ---- */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../assets/fonts/Inter-Regular.woff2') format('woff2');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../assets/fonts/Inter-Medium.woff2') format('woff2');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../assets/fonts/Inter-SemiBold.woff2') format('woff2');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../assets/fonts/Inter-Bold.woff2') format('woff2');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('../assets/fonts/Inter-Black.woff2') format('woff2');
}