/* Deadline Cognitive Benchmark — design tokens
   Source of truth: Active/deadline/research/BRAND.md + homepage-redesign lab aesthetic.
   Brutal-editorial / performance-lab: red accent, mono technical labels, hard edges.
   Dark is the default; light theme overrides below. Theme is resolved from system
   preference + the footer toggle (see index.html inline script + main.js). */
:root{
  /* palette (dark) */
  --bg:#07080A;
  --bg-2:#0E1013;
  --panel:#0B0D10;
  --ink:#F4F5F2;
  --muted:#9A9E98;
  --faint:rgba(255,255,255,.5);
  --faint-2:rgba(255,255,255,.3);
  --line:rgba(255,255,255,.08);
  --line-2:rgba(255,255,255,.14);

  /* surfaces */
  --nav-bg:rgba(14,16,19,.66);
  --menu-bg:rgba(14,16,19,.95);
  --surface:#13161b;        /* game tile base */
  --surface-2:#0c0f13;      /* inputs */
  --tile-flash:#fff;        /* visual-memory "memorise" flash */
  --hover:rgba(255,255,255,.04);
  --hover-2:rgba(255,255,255,.07);
  --track:rgba(255,255,255,.08);
  --card-tint:rgba(255,255,255,.022);
  --scan-color:rgba(255,255,255,.016);
  --vignette-color:rgba(0,0,0,.5);

  /* brand red — brand #FE290D, lab accent #FF453A */
  --acc:#FF453A;
  --acc-brand:#FE290D;
  --acc-dim:rgba(255,69,58,.14);
  --acc-glow:rgba(255,69,58,.5);

  /* semantic game states */
  --go:#27E08A;
  --go-dim:rgba(39,224,138,.16);
  --wait:#B91E09;
  --warn:#FFB020;

  /* type */
  --font-display:"Space Grotesk", system-ui, -apple-system, Segoe UI, sans-serif;
  --font-body:"Inter", system-ui, -apple-system, Segoe UI, sans-serif;
  --font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* spacing / shape */
  --maxw:1100px;
  --radius:14px;
  --radius-sm:10px;
  --gap:18px;

  /* motion */
  --t-fast:.14s;
  --t-med:.24s;

  color-scheme: dark;
}

/* ============ LIGHT THEME ============ */
html[data-theme="light"]{
  --bg:#F4F4F1;
  --bg-2:#FFFFFF;
  --panel:#FFFFFF;
  --ink:#0B0D10;
  --muted:#5C615A;
  --faint:rgba(0,0,0,.45);
  --faint-2:rgba(0,0,0,.34);
  --line:rgba(0,0,0,.10);
  --line-2:rgba(0,0,0,.17);

  --nav-bg:rgba(255,255,255,.78);
  --menu-bg:rgba(255,255,255,.97);
  --surface:#ECEDE9;
  --surface-2:#FFFFFF;
  --tile-flash:#15181d;
  --hover:rgba(0,0,0,.045);
  --hover-2:rgba(0,0,0,.075);
  --track:rgba(0,0,0,.09);
  --card-tint:rgba(0,0,0,.02);
  --scan-color:rgba(0,0,0,.022);
  --vignette-color:rgba(0,0,0,.05);

  /* slightly deeper red for AA contrast on white */
  --acc:#E5240C;
  --acc-dim:rgba(229,36,12,.10);
  --acc-glow:rgba(229,36,12,.34);
  --go:#0FA968;
  --go-dim:rgba(15,169,104,.14);

  color-scheme: light;
}