/* ============================================================
   DESIGN TOKENS — GENERATED FILE, DO NOT EDIT BY HAND.
   Source of truth: design/tokens.json  →  tools/gen-tokens.py
   Generated: 2026-10-08
   ============================================================ */
:root {
  /* color */
  --gramado: #070D0A;
  --vestiario: #0D1510;
  --cabine: #121D16;
  --giz: #EDF4EE;
  --giz-dim: #94A79B;
  --linha: rgba(226, 244, 232, 0.10);
  --linha-forte: rgba(226, 244, 232, 0.22);
  --sinal: #00E57B;
  --sinal-brilho: #00FF87;
  --trofeu: #F2B63C;
  --perigo: #FF6B6B;
  --tinta: #04130B;
  --prata: #C8D4CB;
  --bronze: #C98A4B;

  /* font */
  --f-display: "Anton", "Archivo Black", Impact, sans-serif;
  --f-ui: "Archivo", -apple-system, "Segoe UI", Roboto, sans-serif;

  /* radius */
  --radius-s: 4px;
  --radius-m: 8px;
  --radius-l: 10px;

  /* shadow */
  --shadow-board: 0 24px 60px rgba(0, 0, 0, 0.45);
  --glow-action: 0 6px 24px rgba(0, 255, 135, 0.35);

  color-scheme: dark;
}