/* Brand tokens — مركز الاتحاد للأخبار.
   Reds/gradients sampled from VIPTemp.pdf (see docs/BRAND_RULES.md).
   Only bundled fonts are used (no system fallback) so output is identical on any machine. */
@font-face {
  font-family: "AbuDhabiMedia";
  src: url("/brand/fonts/AbuDhabiMedia-Regular.otf") format("opentype");
  font-weight: 400;
  font-display: block;
}
/* Designs use the Bold cut. Supplied as "Abu Dhabi Media BETA Bold"; widths match the
   PDF's AbuDhabiMedia-Bold within ~1% (docs/DECISIONS.md D-020). */
@font-face {
  font-family: "AbuDhabiMedia Bold";
  src: url("/brand/fonts/AbuDhabiMediaBETA-Bold.otf") format("opentype");
  font-weight: 400;
  font-display: block;
}
/* English designs */
@font-face {
  font-family: "Greta Text Bold";
  src: url("/brand/fonts/GretaTextPro-Bold.ttf") format("truetype");
  font-weight: 400;
  font-display: block;
}
@font-face {
  font-family: "Greta Display Light";
  src: url("/brand/fonts/GretaDisplayPro-Light.ttf") format("truetype");
  font-weight: 400;
  font-display: block;
}
/* Infographic numerals (D-158, owner 2026-10-14): the archive's thin hero numbers are a weight the
   house has no file for; Inter (SIL OFL, brand/fonts/Inter-LICENSE-OFL.txt) is the free stand-in —
   ExtraLight for hero numbers, Light for stat numbers, Regular for small Latin text. */
@font-face {
  font-family: "Inter";
  src: url("/brand/fonts/Inter-ExtraLight.otf") format("opentype");
  font-weight: 200;
  font-display: block;
}
@font-face {
  font-family: "Inter";
  src: url("/brand/fonts/Inter-Light.otf") format("opentype");
  font-weight: 300;
  font-display: block;
}
@font-face {
  font-family: "Inter";
  src: url("/brand/fonts/Inter-Regular.otf") format("opentype");
  font-weight: 400;
  font-display: block;
}
/* D-159 (2026-10-14): the archive's numerals are CONDENSED — thin («905», «344.1») and heavy
   («292.5») — which Inter is not. Oswald (SIL OFL, brand/fonts/Oswald-LICENSE-OFL.txt), one variable
   file, 200 thin … 700 bold, is the closest free cut; the infographic numerals use it. */
@font-face {
  font-family: "Oswald";
  src: url("/brand/fonts/Oswald-Variable.ttf") format("truetype");
  font-weight: 200 700;
  font-display: block;
}

/* hidden slots (e.g. the name label on headline-only news) must stay hidden even when a
   template gives the slot a display rule */
[hidden] { display: none !important; }

:root {
  --acc: #C01D34;
  --clay: #8E1526;
  --ink: #FFFFFF;
  --bg: #0E0E0E;
  --mut: #C9C9C9;
  --paper: #F4F4F4;
  --gold: #E8B04B;
  --navy: #16233F;
  --font: "AbuDhabiMedia";
  --font-ar-bold: "AbuDhabiMedia Bold";
  --font-en-bold: "Greta Text Bold";
  --font-num: "Oswald";                /* infographic numerals (D-159): condensed, 200 thin … 700 bold */

  /* Graphics reds (VIPTemp.pdf) */
  --red-dark: #7E1A15;
  --red-mid: #AD2A25;
  --red-bright: #D02D2E;
  --box: rgba(0, 0, 0, 0.8);
  --taupe: #A89C92;
}