/* ============================================================
   BLITZ — DESIGN TOKENS
   Theme palettes, division accent system, typography.
   Loaded first on every page.
   ============================================================ */

/* ---- Font roles (swappable via JS font switcher) ---- */
:root{
  --ffd:'Space Grotesk', sans-serif;   /* display / headings */
  --ffb:'DM Sans', sans-serif;          /* body */
  --ffm:'SF Mono','Fira Code', monospace;
}

/* ============================================================
   THEME: LIGHT (default)
   ============================================================ */
:root{
  --bg:#FFFFFF; --s1:#F5F5F8; --s2:#EBEBF0;
  --t1:#0B0B12; --t2:#585870; --t3:#9898B0;
  --bd:rgba(0,0,0,0.07); --bh:rgba(0,0,0,0.14);
  --nav:rgba(255,255,255,0.9); --card:#FFFFFF;
  --sh:0 1px 3px rgba(0,0,0,0.05),0 4px 16px rgba(0,0,0,0.04);
  --sh-h:0 4px 14px rgba(0,0,0,0.09),0 12px 36px rgba(0,0,0,0.06);

  /* Brand + division accents */
  --blitz:#3B5CF6; --blitz-s:rgba(59,92,246,0.09); --blitz-b:rgba(59,92,246,0.2);
  --ai:#7C3AED;  --ai-s:rgba(124,58,237,0.09);  --ai-b:rgba(124,58,237,0.2);
  --dm:#EE5D1B;  --dm-s:rgba(238,93,27,0.09);   --dm-b:rgba(238,93,27,0.2);
  --cn:#0E7490;  --cn-s:rgba(14,116,144,0.09);  --cn-b:rgba(14,116,144,0.2);
  --dv:#0A9EE1;  --dv-s:rgba(10,158,225,0.09);  --dv-b:rgba(10,158,225,0.2);
  --gr:#0DB87A;  --gr-s:rgba(13,184,122,0.09);  --gr-b:rgba(13,184,122,0.2);

  /* Active division accent — defaults to brand blue.
     Override per page with body[data-division]. */
  --acc:var(--blitz); --acc-s:var(--blitz-s); --acc-b:var(--blitz-b);
}

/* ============================================================
   THEME: DARK
   ============================================================ */
[data-theme="dark"]{
  --bg:#060A14; --s1:#0B1020; --s2:#121926;
  --t1:#EDF0FA; --t2:#7880A2; --t3:#3C4260;
  --bd:rgba(255,255,255,0.07); --bh:rgba(255,255,255,0.14);
  --nav:rgba(6,10,20,0.92); --card:#0B1020;
  --sh:0 1px 3px rgba(0,0,0,0.4),0 4px 16px rgba(0,0,0,0.3);
  --sh-h:0 4px 14px rgba(0,0,0,0.55),0 12px 36px rgba(0,0,0,0.4);

  --blitz:#6D8EFA; --blitz-s:rgba(109,142,250,0.13); --blitz-b:rgba(109,142,250,0.28);
  --ai:#9B6FF5;  --ai-s:rgba(155,111,245,0.12);  --ai-b:rgba(155,111,245,0.26);
  --dm:#FF723A;  --dm-s:rgba(255,114,58,0.11);   --dm-b:rgba(255,114,58,0.26);
  --cn:#22D3EE;  --cn-s:rgba(34,211,238,0.1);    --cn-b:rgba(34,211,238,0.24);
  --dv:#2BBCFF;  --dv-s:rgba(43,188,255,0.11);   --dv-b:rgba(43,188,255,0.26);
  --gr:#20D68A;  --gr-s:rgba(32,214,138,0.11);   --gr-b:rgba(32,214,138,0.26);
}

/* ============================================================
   THEME: BOLD (futuristic dark)
   ============================================================ */
[data-theme="bold"]{
  --bg:#030308; --s1:#0A0A18; --s2:#12122A;
  --t1:#F4F4FF; --t2:#9494C8; --t3:#4A4A78;
  --bd:rgba(124,92,255,0.12); --bh:rgba(124,92,255,0.28);
  --nav:rgba(3,3,8,0.85); --card:#08081A;
  --sh:0 1px 3px rgba(0,0,0,0.6),0 4px 20px rgba(80,40,200,0.1);
  --sh-h:0 0 0 1px rgba(124,92,255,0.2),0 8px 40px rgba(100,50,240,0.25);

  --blitz:#6E8BFF; --blitz-s:rgba(110,139,255,0.12); --blitz-b:rgba(110,139,255,0.35);
  --ai:#A66BFF;  --ai-s:rgba(166,107,255,0.14);  --ai-b:rgba(166,107,255,0.4);
  --dm:#FF7A45;  --dm-s:rgba(255,122,69,0.12);   --dm-b:rgba(255,122,69,0.35);
  --cn:#2BE0E0;  --cn-s:rgba(43,224,224,0.1);    --cn-b:rgba(43,224,224,0.32);
  --dv:#3BC8FF;  --dv-s:rgba(59,200,255,0.12);   --dv-b:rgba(59,200,255,0.35);
  --gr:#28E89A;  --gr-s:rgba(40,232,154,0.12);   --gr-b:rgba(40,232,154,0.35);
}

/* ============================================================
   DIVISION ACCENT MAP
   Set body[data-division="ai|dm|cn|dv|gr"] to re-point --acc.
   This is the hook for per-division theming later.
   ============================================================ */
body[data-division="ai"]{ --acc:var(--ai); --acc-s:var(--ai-s); --acc-b:var(--ai-b); }
body[data-division="dm"]{ --acc:var(--dm); --acc-s:var(--dm-s); --acc-b:var(--dm-b); }
body[data-division="cn"]{ --acc:var(--cn); --acc-s:var(--cn-s); --acc-b:var(--cn-b); }
body[data-division="dv"]{ --acc:var(--dv); --acc-s:var(--dv-s); --acc-b:var(--dv-b); }
body[data-division="gr"]{ --acc:var(--gr); --acc-s:var(--gr-s); --acc-b:var(--gr-b); }