/* Gemeinsame Design-Tokens für Hauptseite, Admin und Wrapped (F-13).
   Wird VOR dem jeweiligen Komponenten-CSS geladen; bewusste Abweichungen
   (z. B. Admin-Linienstärke, Button-Radius) überschreiben die Werte lokal
   mit Kommentar. Kontrast- oder Markenänderungen passieren nur hier.
   Werte nach Redesign A „Violett, neu gedacht" (Spec 2026-10-02 §3, B-57). */

:root {
  color-scheme: dark;

  /* ---------- Flächen & Linien (Spec §3.1) ---------- */
  --bg: #0a0714;
  --surface: #140f24;
  --surface-2: #1f1836;
  --line: #241c3d;
  --line-soft: #1f1834;
  --line-strong: #2c2347;

  /* ---------- Schrift ---------- */
  --ink: #efeaf8;
  --ink-soft: #cfc7e2;
  --ink-dim: #a69dbd;

  /* ---------- Violett = „meine Auswahl" (B-02) ---------- */
  --violet: #9d85ff;
  /* gefüllte Primär-Buttons mit weißer Schrift */
  --violet-fill: #6b4ef5;
  /* große Zahlen/Akzente auf dunklem Grund */
  --violet-soft: #b9a6ff;
  --violet-bg: rgba(157, 133, 255, .09);

  /* ---------- Glas (Navigation, Aktionsleisten) ---------- */
  --glass: rgba(28, 20, 52, .72);
  --glass-blur: blur(18px);
  --glass-line: rgba(255, 255, 255, .12);

  --whatsapp: #1f8f4e;

  /* ---------- „läuft" (Feinschliff §1.1) ----------
     Status einer laufenden Staffel/Serie — bewusst nicht Violett (B-02). */
  --live: #5edc8c;
  --live-ink: #8be8ae;
  --live-bg: rgba(94, 220, 140, .12);

  /* ---------- Bewegung (Feinschliff §1.2) ----------
     Eine Kurve für alles; bei prefers-reduced-motion sofort der Endzustand. */
  --ease: cubic-bezier(.2, .8, .2, 1);
  --dur-s: 180ms;
  --dur-m: 280ms;
  --dur-l: 420ms;

  /* ---------- Paarfarben (Spec §3.2, B-58) ----------
     Tragen Identität, nie Rang oder Status — immer zusammen mit Initiale.
     Nicht für Serien-Linien oder Balken. Unbekanntes Paar ⇒ --paar-neutral. */
  --paar-ce: #e8618c;      /* Christian & Eva */
  --paar-ce-ink: #2a0714;
  --paar-cp: #ff8a5b;      /* Corina & Patrick */
  --paar-cp-ink: #2a1206;
  --paar-tj: #4fd1c5;      /* Tobias & Jennifer */
  --paar-tj-ink: #062824;
  --paar-fl: #f5d76e;      /* Fritz & Lena */
  --paar-fl-ink: #2b2204;
  --paar-neutral: var(--line-strong);
  --paar-neutral-ink: var(--ink);

  /* ---------- Alias der bisherigen Namen ----------
     Leben weiter, bis alle Stellen auf die neuen Namen umgestellt sind. */
  --bg-page: var(--bg);
  --bg-shell: var(--bg);
  --bg-modal: var(--surface);

  --white-btn: #efeaf8;
  --white-btn-ink: #0a0714;

  /* ---------- Typografie (Spec §3.3, B-64) ----------
     Display + Text gelten auf der Hauptseite (styles.css biegt --font/--mono
     dorthin um). Admin und Wrapped behalten vorerst Instrument Sans und
     JetBrains Mono (Spec §1 Nicht-Ziele, Wrapped folgt in 11.5). */
  --font-display: 'Bricolage Grotesque', 'Onest', system-ui, sans-serif;
  --font-text: 'Onest', system-ui, sans-serif;
  --font: 'Instrument Sans', system-ui, sans-serif;
  --mono: 'JetBrains Mono', monospace;

  /* ---------- Radien (Spec §3.4) ---------- */
  --r-pill: 999px;
  --r-card: 22px;
  --r-poster-l: 16px;
  --r-poster-s: 8px;
  --r-panel: 14px;
  --r-poster: 9px;

  /* Seitenrand mobil */
  --gutter: 20px;
}

/* Paar-Klassen aus derselben Quelle wie die Tokens (D-2): setzen
   --paar/--paar-ink, die Komponenten lesen nur diese beiden. */
.paar-ce { --paar: var(--paar-ce); --paar-ink: var(--paar-ce-ink); }
.paar-cp { --paar: var(--paar-cp); --paar-ink: var(--paar-cp-ink); }
.paar-tj { --paar: var(--paar-tj); --paar-ink: var(--paar-tj-ink); }
.paar-fl { --paar: var(--paar-fl); --paar-ink: var(--paar-fl-ink); }
.paar-none { --paar: var(--paar-neutral); --paar-ink: var(--paar-neutral-ink); }