/* The brand faces, self-hosted from assets/fonts/.
   =======================================================================================
   From requested-fonts-only-2026-09-24.zip, converted to woff2. The roles follow the VI's
   typography sheet:

     English hero           Forma DJR Deck Medium
     English headings       Forma DJR Micro Medium
     English body           Forma DJR Micro Regular
     Arabic hero            Forma DJR Arabic Deck Medium
     Arabic headings        Forma DJR Arabic Micro Medium
     Arabic body            Forma DJR Arabic Micro Regular
     Arabic system voice    Forma DJR Arabic Banner Regular
     English system voice   Space Mono (open licence, from Google Fonts in index.html)

   LICENCE: six of the Forma files in that zip are DJR "Testing" builds. They are served
   here on the understanding that YOUMNA holds the Forma web licence; when the licensed web
   files arrive from the DJR purchase, drop them into assets/fonts/ under the SAME names
   and nothing else changes.

   Not here yet: the human voice. IvyPresto Text Italic and Lyon Arabic Slanted were not
   in the zip, so the italic accents and buttons keep the Instrument Serif stand-in
   (styles.css --fs). Add them here when they come.

   Every stack keeps the Google stand-ins behind the brand face, so a file that fails to
   load degrades to what the page looked like before, not to a system font.
   ======================================================================================= */

/* ---------- Forma DJR, latin ---------- */
/* Deck is the optical size for the hero; Micro is for everything smaller. Not
   interchangeable — Deck is tighter and drawn for large sizes. */
@font-face {
  font-family: 'Forma DJR Deck';
  src: url('/assets/fonts/FormaDJRDeck-Medium.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Forma DJR Micro';
  src: url('/assets/fonts/FormaDJRMicro-Regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Forma DJR Micro';
  src: url('/assets/fonts/FormaDJRMicro-Medium.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}

/* ---------- Forma DJR, arabic ---------- */
@font-face {
  font-family: 'Forma DJR Arabic Deck';
  src: url('/assets/fonts/FormaDJRArabicDeck-Medium.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Forma DJR Arabic Micro';
  src: url('/assets/fonts/FormaDJRArabicMicro-Regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Forma DJR Arabic Micro';
  src: url('/assets/fonts/FormaDJRArabicMicro-Medium.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Forma DJR Arabic Banner';
  src: url('/assets/fonts/FormaDJRArabicBanner-Regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}

/* ---------- hand the page over ---------- */
:root {
  --fe: 'Forma DJR Micro', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fa: 'Forma DJR Arabic Micro', 'IBM Plex Sans Arabic', 'Inter', system-ui, sans-serif;
  --fd: 'Forma DJR Deck', var(--fe);
  --fd-ar: 'Forma DJR Arabic Deck', var(--fa);
  --fm-ar: 'Forma DJR Arabic Banner', var(--fa);
}

/* the hero is the one level set in the Deck optical size */
h1 { font-family: var(--fd); }
html[lang="ar"] h1 { font-family: var(--fd-ar); }

/* The Arabic system voice: Space Mono has no Arabic, so the mono lines and the language
   toggle used the body face. The VI names Forma DJR Arabic Banner for this role. */
html[lang="ar"] .mono,
.lang[lang="ar"] { font-family: var(--fm-ar); }