/* =============================================================================
   Gamers Escape — the marketing pages' short token names, mapped to --ge-*.
   -----------------------------------------------------------------------------
   index.html, menu.html and studio.html were written before brand.css and use
   short names (--purple, --pink, --cyan, --panel …) that they each declared
   themselves — the same 11 values copy-pasted into three files.

   This file makes brand.css the single source and keeps every existing
   `var(--pink)` call site working. Aliasing here rather than find-and-replacing
   ~600 call sites: same result, none of the risk.

   Kept OUT of brand.css deliberately. These are generic names (--text, --bg,
   --panel); declaring them on :root in a file that 17 other pages load would be
   a collision waiting to happen. Opt-in means `grep -L legacy-tokens.css` also
   tells you which pages are still on the old vocabulary.

   ⚠️ --panel and --panel-brd map to --ge-panel / --ge-panel-brd, NOT to
   --ge-surface / --ge-border. The first pair are translucent white overlays
   that composite over the page's background glow; the second are opaque navy.
   Swapping them would flatten every card, chip, tile, input and nav on the
   homepage at once.
   ============================================================================= */
/* Every alias carries its literal as a var() fallback. That is not belt and
   braces — it is required. A guest who loaded the site while CSS was served
   with max-age=3600 keeps that copy of brand.css until it expires, and that
   copy predates --ge-panel / --ge-maxw. Without the fallback those guests would
   get an empty value and every card, chip and tile would render transparent
   until their cache expired. The fallback makes the switch safe on any cached
   combination. */
:root {
  --purple:      var(--ge-purple,      #7C3AED);
  --purple-soft: var(--ge-purple-lt,   #A78BFA);
  --pink:        var(--ge-hot,         #FF2D9B);
  --cyan:        var(--ge-mint,        #22D3EE);
  --rose:        var(--ge-rose,        #F43F5E);
  --bg:          var(--ge-bg,          #08060F);
  --bg2:         var(--ge-bg-2,        #0F0F23);
  --text:        var(--ge-text,        #ECEAF6);
  --muted:       var(--ge-text-mute,   #9A93B8);
  --panel:       var(--ge-panel,       rgba(255,255,255,.04));
  --panel-brd:   var(--ge-panel-brd,   rgba(255,255,255,.10));
  --maxw:        var(--ge-maxw,        1180px);
  /* menu.html referenced var(--gold, #FFC24B) with --gold never declared
     anywhere — it only ever rendered via the fallback. Now it resolves. */
  --gold:        var(--ge-gold);
  /* studio.html only */
  --danger:      var(--ge-rose);
  --ok:          #25D366;   /* WhatsApp green — a third-party brand colour, deliberately
                               not part of the neon palette, so it stays a literal. */
}