/* CTF ORION design tokens: colours, fonts, radii per mode (<html data-mode> light | default | dark). Moved unchanged from style.css. No hex values belong anywhere else except mode-independent brand constants. */
:root,
:root[data-mode="default"]{
  --bg:#F5F7EC; --surface:#FFFFFF; --surface-2:#ECF0DC; --ink:#151A06; --muted:#596140; --line:#DCE1C9;
  --accent:#CCFF00; --on-accent:#151A06; --accent-text:#587000;
  --hero-bg:#CCFF00; --hero-fg:#151A06; --hero-muted:#3D4710; --hero-line:rgba(21,26,6,.18);
  --hero-cta-bg:#151A06; --hero-cta-fg:#CCFF00; --hero-flag:#4A5E00; --hero-chip:#151A06; --hero-chip-fg:#EEF4D6; --ann-accent:#CCFF00;
  --slab:#151A06; --on-slab:#EEF4D6; --slab-muted:#A3AC86; --slab-line:#2E3517; --slab-accent:#CCFF00;
  --pix-a:#151A06; --pix-b:#F5F7EC; --pix-hi:.025;
  --glass-bg:rgba(255,255,255,.34); --glass-line:rgba(21,26,6,.14); --glass-hi:rgba(255,255,255,.55);
  --ok:#3E8A00; --warn:#C46A00; --soon:#9AA184; --soon-fg:#4A5E00; --soon-bg:rgba(204,255,0,.34);
  --shadow:0 24px 60px -28px rgba(21,26,6,.35);
  color-scheme:light;
}
:root[data-mode="light"]{
  --bg:#FAFAF6; --surface:#FFFFFF; --surface-2:#F1F3EA; --ink:#16180F; --muted:#5E6350; --line:#E3E6DA;
  --accent:#CCFF00; --on-accent:#151A06; --accent-text:#4F6600;
  --hero-bg:#FAFAF6; --hero-fg:#16180F; --hero-muted:#5E6350; --hero-line:#E3E6DA;
  --hero-cta-bg:#CCFF00; --hero-cta-fg:#151A06; --hero-flag:#5F8000; --hero-chip:#16180F; --hero-chip-fg:#F1F3EA; --ann-accent:#CCFF00;
  --slab:#F1F3EA; --on-slab:#16180F; --slab-muted:#5E6350; --slab-line:#DDE1D0; --slab-accent:#4F6600;
  --pix-a:#C2C7B0; --pix-b:#8DB800; --pix-hi:.035;
  --glass-bg:rgba(255,255,255,.6); --glass-line:rgba(22,24,15,.1); --glass-hi:rgba(255,255,255,.85);
  --ok:#3E8A00; --warn:#C46A00; --soon:#A3A895; --soon-fg:#4A5E00; --soon-bg:rgba(204,255,0,.34);
  --shadow:0 24px 60px -30px rgba(22,24,15,.28);
  color-scheme:light;
}
:root[data-mode="dark"]{
  --bg:#0C0E07; --surface:#13170B; --surface-2:#1A1F10; --ink:#ECF1DA; --muted:#97A07A; --line:#252C14;
  --accent:#CCFF00; --on-accent:#151A06; --accent-text:#CCFF00;
  --hero-bg:#0C0E07; --hero-fg:#ECF1DA; --hero-muted:#97A07A; --hero-line:#252C14;
  --hero-cta-bg:#CCFF00; --hero-cta-fg:#151A06; --hero-flag:#CCFF00; --hero-chip:#CCFF00; --hero-chip-fg:#151A06; --ann-accent:#151A06;
  --slab:#11140A; --on-slab:#ECF1DA; --slab-muted:#97A07A; --slab-line:#252C14; --slab-accent:#CCFF00;
  --pix-a:#3A4229; --pix-b:#CCFF00; --pix-hi:.09;
  --glass-bg:rgba(255,255,255,.06); --glass-line:rgba(255,255,255,.14); --glass-hi:rgba(255,255,255,.12);
  --ok:#A6E22E; --warn:#F5A524; --soon:#5C6448; --soon-fg:#CCFF00; --soon-bg:rgba(204,255,0,.12);
  --shadow:0 24px 60px -28px rgba(0,0,0,.7);
  color-scheme:dark;
}
:root{
  --display:"Space Grotesk", "Kalpurush", "XB Zar", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --pixel:"Silkscreen", "Space Grotesk", ui-monospace, monospace;
  --mono:"JetBrains Mono", "Kalpurush", "XB Zar", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --r:10px; --r-lg:16px; --hdr-h:68px;
  --gap:22px; --gap-sm:12px; --gap-lg:clamp(24px,3vw,40px);   /* the only vertical spacing between blocks */
  --ctl-sm:36px; --ctl:44px; --ctl-lg:52px;   /* one height scale for buttons and inputs */
}