/* ==========================================================================
   National Seerah Competition 2027 — design tokens
   One voice for every register: the logo's bottle green and metallic gold,
   Playfair Display for names and titles, Manrope for the interface and every
   number, Amiri for Arabic. All fonts are bundled; nothing loads from the web.
   ========================================================================== */

@font-face{font-family:"Playfair Display";src:url(/font-playfair-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Playfair Display";src:url(/font-playfair-400i.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Playfair Display";src:url(/font-playfair-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Playfair Display";src:url(/font-playfair-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Playfair Display";src:url(/font-playfair-800.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Playfair Display";src:url(/font-playfair-900.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url(/font-manrope-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url(/font-manrope-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url(/font-manrope-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url(/font-manrope-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url(/font-manrope-800.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:Amiri;src:url(/font-amiri-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Amiri;src:url(/font-amiri-700.woff2) format("woff2");font-weight:700;font-display:swap}
/* ﷺ and similar honorific ligatures are not in Manrope or Playfair: draw them from Amiri,
   so "Rasulullah ﷺ" never falls back to a blurred system glyph (review, Oct 2026). */
@font-face{font-family:"HQ Honorific";src:url(/font-amiri-400.woff2) format("woff2");unicode-range:U+FDFA,U+FDFB,U+FDFD,U+FDF0-FDF9;font-display:swap}

:root{
  /* Brand — measured from the logo */
  --green-950:#04170D; --green-900:#072A18; --green-800:#0A3A21; --green-700:#0A4C28; --green-600:#16613A;
  --green-200:#BFD8C8; --green-100:#E3EFE7; --green-50:#F2F8F4;
  --gold-800:#6B5320; --gold-700:#8A6A2E; --gold-500:#B9975F; --gold-300:#E6CC8F; --gold-100:#F6EEDC; --gold-50:#FBF7EC;
  --gold-leaf:linear-gradient(135deg,#8A6A2E 0%,#E6CC8F 42%,#B9975F 62%,#F3E2B4 80%,#9C7A3C 100%);
  --ivory:#FBF8F1; --paper:#FFFFFF; --ink:#101A14; --ink-soft:#3E4A43; --muted:#5F6B64; --line:#E2E5E0; --line-2:#EEF0EC;

  /* Semantic — proceed green, stop red, navigate ink-blue, on-air gold */
  --go:#0A4C28; --go-hover:#083E21;
  --stop:#A3322B; --stop-hover:#86281F; --stop-wash:#FBEDEB;
  --nav:#1F3B63; --nav-wash:#EEF2F8;
  --amber:#8A5A06; --amber-wash:#FBF1DD;
  --signal:#C9A227;

  /* Categories — blue, gold and green. accent · lumen (stage accent on white) · tint for washes */
  /* The competition colour: blue for the boys' competition, purple for the girls'.
     Set on <html data-competition="boys|girls"> by client.js from the day on the server. */
  --boys:#1E4F8F; --boys-lumen:#2C63B0; --boys-tint:#E6EEFA; --boys-line:#C9D8EF;
  --girls:#5B2A86; --girls-lumen:#7A4AA8; --girls-tint:#F1EAF8; --girls-line:#DCCBEC;
  --competition:var(--boys); --competition-lumen:var(--boys-lumen); --competition-tint:var(--boys-tint); --competition-line:var(--boys-line);
  /* Jannati takes the competition colour, so it never fights "boys" or "girls". */
  --jannati:var(--competition); --jannati-lumen:var(--competition-lumen); --jannati-tint:var(--competition-tint);
  --ahadith:#7A5C22; --ahadith-lumen:#8A6A2E; --ahadith-tint:#F6EEDC;
  --bayan:#0A4C28;    --bayan-lumen:#16613A;   --bayan-tint:#E3EFE7;

  /* Type */
  --display:"HQ Honorific","Playfair Display",Georgia,"Times New Roman",serif;
  --ui:"HQ Honorific",Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --arabic-face:Amiri,"Traditional Arabic","Scheherazade New","Geeza Pro",serif;

  /* Space, radius, elevation, motion */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px;
  --r1:6px; --r2:10px; --r3:16px; --pill:999px;
  --shadow-1:0 1px 2px #0a2a1812,0 4px 14px #0a2a180d;
  --shadow-2:0 2px 4px #0a2a1814,0 16px 40px #0a2a1816;
  --ease-out:cubic-bezier(.2,.8,.25,1); --ease-in:cubic-bezier(.5,0,.75,0);
  --t-fast:140ms; --t-base:320ms; --t-stage:620ms;
}

:root[data-competition="girls"]{--competition:var(--girls);--competition-lumen:var(--girls-lumen);--competition-tint:var(--girls-tint);--competition-line:var(--girls-line)}