/* ============================================================
   daddeln.fun — design-tokens.css
   EINZIGE Quelle der Wahrheit fuer Farben & Font (Beta/Entwicklung).
   Alle anderen CSS-Dateien ziehen ihre Farben aus DIESEN Variablen.
   Aendere Farben NUR hier — nie lokal in main.css/landing.css/etc.
   Wird identisch in jedem Bereich (Hub, Entwicklung-Hub, Beta-Tippspiel,
   Entwicklung-Tippspiel, FootyDB) eingebunden. NICHT im Live-Tippspiel
   (public_html/tippspiel) verwenden.
   ============================================================ */
:root{
  /* Basisfarben (Rohwerte) */
  --bg:#0f172a;--bg-elev:#1e293b;--bg-tile:#253347;--surf:#1e293b;--surf2:#253347;
  --border:rgba(100, 116, 139,.23);--border-hl:rgba(165, 180, 252,.5);
  --accent:#6366f1;--acc2:#ec4899;--acc3:#818cf8;--purple:#6366f1;--purple2:#ec4899;
  --neon:#818cf8;--text:#e2e8f0;--muted:#94a3b8;--muted2:#64748b;
  --gold:#fbbf24;--danger:#f87171;--live:#4ade80;
  --font-d:'Outfit',sans-serif;--font-b:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;

  /* Neues-Frontend-Namensschema — Aliase, damit jede Komponente,
     egal mit welcher Namenskonvention geschrieben, dieselbe Farbe zieht */
  --primary:var(--accent);--primary-dark:#4338ca;--secondary:var(--acc2);
  --bg-dark:var(--bg);--bg-card:var(--bg-elev);--bg-card-hover:var(--bg-tile);--bg-input:#162032;--panel:var(--bg-elev);--panel2:var(--bg-tile);
  --text-light:#f8fafc;--text-dim:#cbd5e1;--text-muted:var(--muted);--text-disabled:var(--muted2);
  --line:var(--border);--border-focus:var(--acc3);
  --success:var(--live);--error:var(--danger);--warning:var(--gold);--green:var(--live);--red:var(--danger);
  --font:var(--font-d);

  /* Layout-Konstanten */
  --radius:16px;--radius-sm:12px;--r:16px;--r-sm:12px;
  --shadow:0 2px 16px rgba(0,0,0,.25);--grad-brand:linear-gradient(135deg,var(--purple),var(--purple2));
  --ease:cubic-bezier(.4,0,.2,1);
}

/* Ueberschreibt die aktive Sprachpille des geteilten Language-Switchers (lib/FileLanguage.php,
   wird per </body>-Injection NACH allen Stylesheets ausgegeben -> braucht !important, um zu greifen).
   Betrifft NUR Bereiche, die tokens.css laden (Hub, Entwicklung, Beta/Entwicklung-Tippspiel, FootyDB) -
   NICHT das Live-Tippspiel, das tokens.css nicht einbindet. */
.file-language-switcher a.is-active{background:#6366f1 !important}