/* V29 typography system.
   Self-hosted webfonts (no external CDN/runtime dependency): Tajawal for
   Arabic UI, Inter for English UI. Loaded before every page-specific
   stylesheet so --font-sans resolves correctly on first paint, and switches
   live because i18n.js's applyTranslations() keeps html[lang] in sync with
   the active language (see i18n.js: document.documentElement.setAttribute
   ("lang", lang)). Font files are OFL-licensed; license text ships
   alongside each family in /static/fonts/<family>/OFL.txt. */
@font-face{font-family:"Tajawal";src:url("/static/fonts/tajawal/Tajawal-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Tajawal";src:url("/static/fonts/tajawal/Tajawal-Medium.woff2") format("woff2");font-weight:500 600;font-style:normal;font-display:swap}
@font-face{font-family:"Tajawal";src:url("/static/fonts/tajawal/Tajawal-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Tajawal";src:url("/static/fonts/tajawal/Tajawal-ExtraBold.woff2") format("woff2");font-weight:800 900;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("/static/fonts/inter/Inter-Variable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root{
  --font-ar:"Tajawal","Segoe UI","Noto Sans Arabic","Geeza Pro",Tahoma,Arial,sans-serif;
  --font-en:"Inter","Segoe UI",Tahoma,Arial,sans-serif;
  --font-sans:var(--font-en);
}
html[lang="ar"]{--font-sans:var(--font-ar)}
html[lang="en"]{--font-sans:var(--font-en)}
