/* ═══════════════════════════════════════════════════════
   TOKENS — Variáveis CSS Globais
   Contém tokens padrão (kmm) e tokens específicos (Bate Estaca)
═══════════════════════════════════════════════════════ */

/* -- KMM TOKENS (Padrão) -- */
:root {
  --bg:#080808;--s1:#0d0d0d;--s2:#111111;
  --g:rgba(255,255,255,0.042);--gb:rgba(255,255,255,0.09);--gbs:rgba(255,255,255,0.18);
  --t:hsl(50,20%,96%);--tm:rgba(245,243,238,0.44);--ts:rgba(245,243,238,0.22);
  --gold:#c9952a;--gold2:#e0aa3a;--gold3:#f0c060;
  --gold-glow:rgba(201,149,42,0.25);
  --gold-subtle:rgba(201,149,42,0.12);
  --gold-border:rgba(201,149,42,0.3);
  --ff:'Syne',sans-serif;--fs:'Playfair Display',serif;--fm:'DM Mono',monospace;
  --r:16px;--r2:24px;
}

/* -- BATE ESTACA TOKENS -- */
body.theme-be {
  --bg:#04101e;
  --card:#071628;
  --navy:#0a1a3a;
  --yellow:#f5c200;
  --yellow2:#ffd740;
  --gold:var(--yellow);
  --gold2:var(--yellow2);
  --white:#fff;
  --tm:#b0bfd4;
  --ts:#6b80a0;
  --border:rgba(245,194,0,.15);
  --gb:rgba(255,255,255,.1);
  --g:rgba(255,255,255,.06);
  --ff:'Barlow Condensed',sans-serif;
  --fb:'Barlow',sans-serif;
  --fm:'Permanent Marker',cursive;
  --fn:'Bebas Neue',sans-serif;
  --r:14px;
}