/* ==========================================================================
   tokens.css — SINGLE SOURCE OF TRUTH für alle lean.loewe Design-Tokens (Web).
   ==========================================================================
   JEDE Seite liest die Farben NUR von hier (via <link ... href="/tokens.css">).
   Keine :root-Farben mehr in den einzelnen HTML-Seiten.

   Video-Spiegel: Video Edit Tools/Remotion/src/theme.ts  (identische Werte).
   Änderst du hier eine Farbe, ändere sie dort genauso  ->  eine Marke.

   Gesamtübersicht (Video + Web + PDF, inkl. Schriftgrößen + bekannte
   Abweichungen): LeanLoewe/DESIGN_SYSTEM.md
   ========================================================================== */
:root{
  --bg:          #0B0B0C;                 /* Ground (warmes Schwarz)          */
  --surface:     rgba(11,11,12,.5);       /* Karten / Inputs (transluzent)    */
  --surface-2:   rgba(11,11,12,.5);
  --ink:         #F4F1EA;                 /* Primärtext (Creme)               */
  --muted:       #97928A;                 /* Sekundärtext / Captions          */
  --gold:        #D9B44A;                 /* MARKEN-Gold: Akzent, Tagline     */
  --gold-bright: #F0CF6E;                 /* heller Gold-Verlauf / Blitz      */
  --red:         #E0432E;                 /* Betonung / Fehler                */
  --green:       #5FB87A;                 /* Erfolg                           */
  --line:        rgba(244,241,234,.10);   /* Standard-Rahmen                  */
  --line-strong: rgba(244,241,234,.18);   /* stärkerer Rahmen                 */
  --radius:      14px;                    /* Buttons 11 · Karten 16           */
}