/* =============================================================================
 *  tokens.css  -  Design-Tokens des WM-2026-Tippspiels
 *
 *  1:1 von der MultiKulti-Shisha-Lounge-Hauptseite uebernommen, damit das
 *  Tippspiel optisch identisch wirkt (dunkles Theme, Gold-Akzent).
 *  Diese Datei definiert NUR Variablen - das eigentliche Styling liegt in
 *  app.css.
 * ========================================================================== */
:root{
  --gold-primary:#C9A962; --gold-light:#E5D4A1; --gold-dark:#A68B4B; --gold-muted:rgba(201,169,98,.6);
  --bg-primary:#0A0C0E; --bg-secondary:#0E1317; --bg-card:#12151A; --bg-elevated:#1A1D23; --bg-overlay:rgba(10,12,14,.85);
  --text-primary:#FFFFFF; --text-secondary:rgba(255,255,255,.7); --text-muted:rgba(255,255,255,.5); --text-subtle:rgba(255,255,255,.3);
  --border-subtle:rgba(255,255,255,.08); --border-light:rgba(255,255,255,.12); --border-gold:rgba(201,169,98,.3);
  --shadow-sm:0 4px 12px rgba(0,0,0,.3); --shadow-md:0 8px 24px rgba(0,0,0,.4); --shadow-lg:0 16px 48px rgba(0,0,0,.5); --shadow-gold:0 8px 32px rgba(201,169,98,.25);
  --gradient-gold:linear-gradient(135deg,var(--gold-primary),var(--gold-light));
  --radius-sm:8px; --radius-md:12px; --radius-lg:16px; --radius-pill:50px; --radius-full:50%;
  --transition-base:.3s ease; --transition-smooth:.5s cubic-bezier(.22,1,.36,1);
  --font-heading:'Oswald',sans-serif; --font-body:'Roboto',sans-serif; --font-accent:'Merienda',cursive;
  /* --- Ergaenzungen fuers Tippspiel (additiv, nichts Bestehendes geaendert) --- */
  --silver:#C9CDD2; --bronze:#C68B5A;
  --content-width:1100px;
  --ls-tight:.02em; --ls-wide:.14em;
  /* --- Live-Akzent (warmes Rot/Orange, NUR fuer Live-Indikatoren) --- */
  --live-primary:#E5533C; --live-light:#F07A66; --live-bg:rgba(229,83,60,.12);
}