/* ============================================================
   Design-Tokens — Neon Cyber Racing
   Zentrale Stellschraube für den kompletten Look.
   ============================================================ */
:root {
  /* --- Hintergründe --- */
  --bg-0: #05060a;
  --bg-1: #0a0d18;
  --bg-2: #0e1322;
  --card: rgba(18, 23, 42, 0.55);
  --card-strong: rgba(20, 26, 48, 0.78);
  --card-hover: rgba(28, 36, 64, 0.7);

  /* --- Neon-Akzente --- */
  --magenta: #ff2e97;
  --magenta-soft: #ff6ab8;
  --cyan: #00e5ff;
  --cyan-soft: #7af3ff;
  --violet: #7c3aed;
  --lime: #b6ff3c;     /* persönliche Bestmarke */
  --sector: #b388ff;   /* schnellster Sektor */
  --amber: #ffb020;

  /* --- Klassen-Farben --- */
  --gt3: #00e5ff;
  --gte: #ff2e97;
  --gt4: #ffb020;

  /* --- Podium --- */
  --gold: #ffd24a;
  --silver: #cfe3ff;
  --bronze: #ff9d5c;

  /* --- Text --- */
  --text: #eaf2ff;
  --text-dim: rgba(234, 242, 255, 0.62);
  --text-faint: rgba(234, 242, 255, 0.34);

  /* --- Linien --- */
  --line: rgba(255, 255, 255, 0.08);
  --line-strong: rgba(255, 255, 255, 0.16);

  /* --- Gradients --- */
  --grad-main: linear-gradient(100deg, var(--magenta) 0%, var(--violet) 45%, var(--cyan) 100%);
  --grad-cyan: linear-gradient(120deg, var(--cyan), #2a6bff);
  --grad-magenta: linear-gradient(120deg, var(--magenta), #ff7a3c);

  /* --- Glows --- */
  --glow-cyan: 0 0 18px rgba(0, 229, 255, 0.55);
  --glow-magenta: 0 0 18px rgba(255, 46, 151, 0.55);
  --glow-soft: 0 0 0 1px var(--line), 0 8px 40px rgba(0, 0, 0, 0.5);

  /* --- Fonts --- */
  --font-display: 'Orbitron', system-ui, sans-serif;
  --font-ui: 'Rajdhani', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Courier New', monospace;

  /* --- Maße --- */
  --maxw: 1520px;
  --radius: 14px;
  --radius-sm: 9px;
}