/* ============================================================
   Design-Tokens — Neon Cyber Racing
   Zentrale Stellschraube für den kompletten Look.
   ============================================================ */
:root {
  /* --- Custom-Cursor (HRC) — Pfeil als Default, Rennauto über Klickbarem.
     Pfad relativ zu dieser Datei (css/). Zahlen = Hotspot (Klickpunkt) in px. --- */
  --cur-default: url('../img/cursors/cursor-arrow.png') 0 0, auto;
  --cur-pointer: url('../img/cursors/cursor-car.png') 40 11, pointer;

  /* --- 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 — RaM-Brand: Primär = Rot (#fb5151), Sekundär = Cyan --- */
  --magenta: #fb5151;      /* RaM-Rot — Primär-Akzent (war Magenta im Tourist-Board) */
  --magenta-soft: #ff8f8f;
  --cyan: #00e5ff;
  --cyan-soft: #7af3ff;
  --violet: #7c3aed;
  --lime: #b6ff3c;     /* persönliche Bestmarke / schnellste Runde */
  --sector: #b388ff;   /* schnellster Sektor */
  --amber: #ffb020;
  --ram-red: #fb5151;  /* explizite RaM-Brand-Farbe (Klasse RaM GT3) */

  /* --- Klassen-Farben --- */
  --gt3: #00e5ff;
  --gte: #fb5151;
  --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 — Rot-geführt für RaM --- */
  --grad-main: linear-gradient(100deg, var(--ram-red) 0%, var(--violet) 48%, var(--cyan) 100%);
  --grad-cyan: linear-gradient(120deg, var(--cyan), #2a6bff);
  --grad-magenta: linear-gradient(120deg, var(--ram-red), #ff8a3c);
  --grad-red: linear-gradient(120deg, var(--ram-red), #ff7a3c);

  /* --- Glows --- */
  --glow-cyan: 0 0 18px rgba(0, 229, 255, 0.55);
  --glow-magenta: 0 0 18px rgba(251, 81, 81, 0.55);
  --glow-red: 0 0 18px rgba(251, 81, 81, 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;
}