/* ==========================================================================
   The three brand faces, self-hosted (docs/DESIGN.md «Type», brand page 16).
   Subset woff2 cut from ../../../assets/fonts/*.ttf — the app's own files —
   with fontTools (site/README.md «Fonts»). Self-hosting is what lets the
   CSP stay `font-src 'self'` with no third-party origin at all.

   Lalezar carries a unicode-range: it only draws Arabic, so an English
   visitor never downloads it. Grandstander has no Arabic, so the display
   stack "Grandstander", "Lalezar" does exactly what the app's
   fontFamilyFallback does — Latin and every digit in Grandstander, Arabic
   letters in Lalezar, in one style with no locale switch.
   ========================================================================== */

@font-face {
  font-family: "Grandstander";
  src: url("/assets/fonts/Grandstander-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Grandstander";
  src: url("/assets/fonts/Grandstander-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lalezar";
  src: url("/assets/fonts/Lalezar-Regular.woff2") format("woff2");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F;
}

@font-face {
  font-family: "Rubik";
  src: url("/assets/fonts/Rubik-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Rubik";
  src: url("/assets/fonts/Rubik-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Rubik";
  src: url("/assets/fonts/Rubik-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Rubik";
  src: url("/assets/fonts/Rubik-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}