/* =====================================================================
   The One Game · design TOKENS ONLY.

   This file was split out of the old base.css, which carried both the token
   set and KataCore's component library (.btn, .card, .row, .opt, plus bare
   h1/h2/input rules). Loading that alongside the new app stylesheet meant
   every shared class name collided: `.btn { width: 100% }` from the legacy
   half silently stretched every button in the new app to full width, because
   the new rules never thought to set a width at all.

   So: tokens live here and are loaded by everything. Component styles live
   with the thing they belong to — css/legacy.css for the old pages,
   css/app.css for the game. Nothing may add a component rule to this file.

   PALETTE — ARENA's locked palette (UNIFIED-BUILD-PLAN.md section 4.13,
   D2). Player is ALWAYS ember, opponent ALWAYS cyan, never swapped — that
   consistency is how a kid tracks a fast fight. KataCore's structure and
   token NAMES below are kept as-is (every consuming file in game.css,
   dev.css, landing.css and the JS renderers already points at them) but
   their VALUES are now aliases onto ARENA's canonical hexes, per the
   plan's instruction that this needed "a token-mapping pass, not a
   repaint." New code should prefer the canonical --arena-* names.
   ===================================================================== */

:root{
  /* --- ARENA canonical tokens (Section 4.13) --------------------------- */
  --arena-void:  #0B0E1A;
  --arena-steel: #1C2333;
  --arena-ember: #FF5A2D;  /* the player, always */
  --arena-cyan:  #22E0D8;  /* the opponent, always */
  --arena-gold:  #FFC53D;
  --arena-bone:  #EDEAE2;
  --arena-dim:   #7A8299;

  /* --- KataCore's surface/structure names, remapped onto the above ---- */
  --void:#0B0E1A;
  --ink:#0B0E1A;
  --ink2:#151C2C;
  --panel:#1C2333;
  --well:#12182A;      /* inset wells: logs, formula boxes */
  --sunk:#080A12;      /* deepest inset: answer field, timer track */
  --raise:#242D42;     /* raised controls: keypad, steppers */
  --raise2:#2E3A54;    /* the same, hovered */

  /* Structure */
  --edge:rgba(237,234,226,.14);   /* primary borders */
  --edge2:rgba(237,234,226,.08);  /* quieter borders inside panels */

  /* Accents — --lantern was KataCore's gold-as-primary; ARENA's primary
     accent is ember, so --lantern now points at ember, not gold. --gold
     is kept as its own token for places that specifically want ARENA gold
     (streak multiplier, currency). */
  --lantern:#FF5A2D;   /* brand lead — primary action = ARENA ember */
  --gold:#FFC53D;
  --cyan:#22E0D8;      /* electric / info / the opponent */
  --jade:#2DE3A0;      /* "good" state (kept distinct from player-ember) */
  --coral:#FF5A72;     /* "lost" state */
  --violet:#8B7BFF;    /* special abilities only, never a surface */

  /* Text */
  --paper:#EDEAE2;
  --soft:#C7CBD8;
  --dim:#7A8299;

  --mono:ui-monospace,"SF Mono","Cascadia Mono","Roboto Mono",Menlo,Consolas,monospace;
  --sans:"Manrope","Segoe UI",system-ui,-apple-system,sans-serif;
  --display:"Barlow Condensed","Arial Narrow",sans-serif;
  --slab:"Archivo Black",Impact,sans-serif;

  --r-lg:20px; --r-md:13px; --r-sm:9px;
}