:root{
  /* ========================================================================
     WOLF HACK ACADEMY · PHASE 01 DESIGN TOKENS
     Canonical visual language for public WHA + Algiz-adjacent interfaces.
     Legacy aliases are intentionally preserved to avoid regressions.
     ======================================================================== */

  /* Brand spectrum */
  --wha-void:#030a14;
  --wha-navy-975:#04111f;
  --wha-navy-950:#061629;
  --wha-navy-900:#07182d;
  --wha-navy-850:#0a1e36;
  --wha-navy-800:#0b213d;
  --wha-navy-700:#123d68;
  --wha-blue-700:#0752cc;
  --wha-blue-600:#0b5be2;
  --wha-blue-500:#126bff;
  --wha-blue-400:#238cff;
  --wha-cyan-500:#00bdeb;
  --wha-cyan-300:#78dff5;
  --wha-cyan-100:#dff8ff;

  /* Cold surfaces */
  --wha-white:#ffffff;
  --wha-cold-25:#fbfdff;
  --wha-cold-50:#f7fafc;
  --wha-cold-100:#eef5fa;
  --wha-cold-150:#e7f1f8;
  --wha-cold-200:#dce7ef;
  --wha-cold-300:#cbdce7;
  --wha-cold-400:#aabac8;

  /* Metal / text */
  --wha-graphite:#26394c;
  --wha-steel-700:#526a7d;
  --wha-steel-600:#5f7688;
  --wha-steel-500:#71889a;
  --wha-silver:#b9c9d6;
  --wha-polished:#e8f0f5;

  /* Semantic */
  --success:#137f62;
  --success-soft:#e8f7f2;
  --warning:#b8750b;
  --warning-soft:#fff6e4;
  --critical:#c83d49;
  --critical-soft:#fff0f2;
  --evidence:#6e5bd0;
  --evidence-soft:#f1eefe;

  /* Compatibility aliases */
  --cold-white:var(--wha-cold-50);
  --white:var(--wha-white);
  --ice:var(--wha-cold-100);
  --ice-2:var(--wha-cold-150);
  --soft-steel:var(--wha-cold-200);
  --line:#d4e1ea;
  --line-strong:#b9ccd9;
  --command-navy:var(--wha-navy-900);
  --deep-navy:var(--wha-navy-800);
  --technical-blue:var(--wha-navy-700);
  --electric-blue:var(--wha-blue-500);
  --electric-blue-2:var(--wha-blue-600);
  --signal-blue:var(--wha-blue-400);
  --cyan:var(--wha-cyan-500);
  --cyan-soft:var(--wha-cyan-300);
  --graphite:var(--wha-graphite);
  --steel:var(--wha-steel-700);
  --steel-light:var(--wha-steel-700);
  --titanium:var(--wha-cold-400);
  --muted:#566d80;

  /* Technical borders / glows */
  --border-tech:rgba(18,61,104,.16);
  --border-tech-strong:rgba(18,61,104,.28);
  --border-cyan:rgba(0,189,235,.34);
  --glow-blue:0 0 0 1px rgba(18,107,255,.12),0 16px 40px rgba(18,107,255,.16);
  --glow-cyan:0 0 28px rgba(0,189,235,.22);
  --surface-glass:rgba(255,255,255,.94);
  --surface-command:linear-gradient(145deg,#061628,#0d2b4b);
  --surface-metal:linear-gradient(145deg,#f9fcfe,#e7eff5);

  /* Typography */
  --font-display:"Chakra Petch","Space Grotesk","Arial Narrow","Segoe UI",Arial,sans-serif;
  --font-head:"Chakra Petch","Space Grotesk","Arial Narrow","Segoe UI",Arial,sans-serif;
  --font-body:"Manrope","Segoe UI",Arial,sans-serif;
  --font-mono:"IBM Plex Mono","Cascadia Mono","Consolas","Courier New",monospace;
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;
  --weight-black:800;
  --text-xs:.75rem;
  --text-sm:.875rem;
  --text-base:1rem;
  --text-md:1.0625rem;
  --text-lg:1.1875rem;
  --text-xl:1.375rem;
  --text-2xl:1.75rem;
  --text-3xl:2.25rem;
  --text-4xl:3rem;
  --text-5xl:4rem;
  --text-6xl:4.75rem;

  /* Spatial system */
  --space-1:.25rem;
  --space-2:.5rem;
  --space-3:.75rem;
  --space-4:1rem;
  --space-5:1.25rem;
  --space-6:1.5rem;
  --space-7:1.75rem;
  --space-8:2rem;
  --space-10:2.5rem;
  --space-12:3rem;
  --space-14:3.5rem;
  --space-16:4rem;
  --space-20:5rem;
  --space-24:6rem;

  /* Shape / elevation */
  --radius-xs:6px;
  --radius-sm:10px;
  --radius-md:14px;
  --radius:18px;
  --radius-lg:24px;
  --radius-xl:32px;
  --shadow-xs:0 3px 12px rgba(7,24,45,.06);
  --shadow-soft:0 10px 32px rgba(7,24,45,.08);
  --shadow:0 22px 64px rgba(7,24,45,.13);
  --shadow-blue:0 18px 48px rgba(18,107,255,.22);
  --shadow-float:0 30px 80px rgba(7,24,45,.18),0 8px 24px rgba(7,24,45,.08);
  --shadow-command:0 26px 70px rgba(3,14,28,.34);

  /* Layout */
  --container:1440px;
  --editorial:1200px;
  --measure:760px;
  --header-height:82px;
  --focus-ring:0 0 0 4px rgba(18,107,255,.18);

  /* Motion */
  --ease:cubic-bezier(.2,.8,.2,1);
  --ease-sharp:cubic-bezier(.22,.61,.36,1);
  --duration-fast:160ms;
  --duration-base:220ms;
  --duration-slow:420ms;
}


/* PHASE 05 · WOLF HACK BRAND REFINEMENT */
:root{
  --wha-blue-650:#0a56d9;
  --wha-cyan-450:#38d8ff;
  --wha-metal-hi:#f8fbfe;
  --wha-metal-mid:#dce7f0;
  --wha-metal-low:#8da7bb;
  --surface-premium-light:linear-gradient(180deg,rgba(255,255,255,.98),rgba(243,248,252,.96));
  --surface-premium-dark:linear-gradient(160deg,#04111f 0%,#08213a 48%,#0a3560 100%);
  --surface-panel:linear-gradient(180deg,#ffffff 0%,#f5f9fc 100%);
  --brand-ring:0 0 0 1px rgba(18,107,255,.12),0 18px 44px rgba(7,24,45,.12);
  --brand-aura:0 0 0 8px rgba(0,189,235,.05),0 0 42px rgba(18,107,255,.15);
  --sidebar-navy:#081a2f;
  --surface-navy:#0b2744;
  --text-strong:#061629;
  --text-soft:#5a7387;
}