/* ============================================================
   AdminSite v2 — Design-Tokens (Entwurf, Spec 040)
   Ergänzt ciblu-tokens.css; Marke bleibt Burgund #5F0912 / Rot #BA0C2F.
   Alle Kontrastwerte gemessen (WCAG 2.x relative Luminanz, contrast.js
   im selben Ordner) — Wert in Klammern = Kontrast gegen die genannte Fläche.
   ============================================================ */

:root {
  color-scheme: light;

  /* --- Marke ----------------------------------------------- */
  --v2-brand:        #5F0912;  /* Kopfband, Primärknopf, aktive Navigation (13.69 auf #FFF) */
  --v2-brand-strong: #3A050B;  /* Hover/Active des Primärknopfs */
  --v2-brand-soft:   #F6EAEB;  /* Auswahl-Fläche (Fall aktiv), Brand-Text darauf 11.66 */
  --v2-live:         #BA0C2F;  /* AUSSCHLIESSLICH „● Live" — Text #FFF darauf 6.60 */
  --v2-on-fill:      #FFFFFF;
  --v2-brand-text:   #5F0912;  /* Marke als Text (Links, aktiver Tab) */

  /* --- Flächen und Linien ---------------------------------- */
  --v2-canvas:       #F4F2F1;  /* warmes Off-White, kein Blaugrau */
  --v2-surface:      #FFFFFF;
  --v2-line:         #E4DEDD;  /* Haarlinie — Trennung statt Rahmen */
  --v2-line-strong:  #8C8385;  /* Eingabe-/Schalterrand, 3.68 auf #FFF (≥ 3:1 Nicht-Text) */

  /* --- Text: genau EINE Textfarbe + Deaktiviert ------------- */
  /* Spec 040 §2.1.3: Grau nur für Deaktiviertes. Hierarchie über Größe/Gewicht. */
  --v2-ink:          #1A1617;  /* 17.93 auf #FFF, 16.07 auf canvas */
  --v2-ink-disabled: #8A8284;  /* 3.75 — nur :disabled (WCAG 1.4.3 nimmt Deaktiviertes aus) */

  /* --- Status-Skala (Text | Fläche) — Farbe nie allein, immer Icon + Wort --- */
  --v2-ok:        #0B5A32;  --v2-ok-bg:   #E3F2E9;  /* 7.19 auf bg · 8.32 auf #FFF · 7.46 auf canvas */
  --v2-warn:      #6B4300;  --v2-warn-bg: #FCEFD4;  /* 7.59 · 8.65 · 7.75 */
  --v2-bad:       #9B1C12;  --v2-bad-bg:  #FDE8E4;  /* 6.95 · 8.18 · 7.33 — Zinnober, bewusst ≠ Marken-Burgund */
  --v2-info:      #1D4C8A;  --v2-info-bg: #E7EEF9;  /* 7.34 · 8.56 · 7.67 — „wartet auf Station" */
  --v2-unk:       #1A1617;  --v2-unk-bg:  #ECE8E7;  /* 14.74 — „∅ Stand unbekannt", gestrichelter Rand */

  /* --- Fokus ------------------------------------------------ */
  --v2-focus:        #1A5FB4;  /* 6.29 auf #FFF, 5.68 auf canvas — blau, kollidiert mit keinem Status */
  --v2-focus-ring:   0 0 0 2px var(--v2-surface), 0 0 0 5px var(--v2-focus);

  /* --- Typografie: System-Schrift wie AdminSite heute (kein Webfont) --- */
  --v2-font: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --v2-font-display: "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --v2-fs-16: 1rem;      /* Grundtext, Labels, Metriken — nichts darunter */
  --v2-fs-18: 1.125rem;  /* Zeilentitel (Station, Arena, Fall) */
  --v2-fs-20: 1.25rem;   /* Abschnittstitel, Vorschlag-Name */
  --v2-fs-24: 1.5rem;    /* Lagesatz mobil, Turniername */
  --v2-fs-32: 2rem;      /* Lagesatz Desktop, Startnummer im Vorschlag, Fallzahl */
  --v2-lh-tight: 1.2;
  --v2-lh-body: 1.45;
  --v2-fw-regular: 400;  /* Labels */
  --v2-fw-medium: 600;   /* Werte, Knöpfe */
  --v2-fw-bold: 700;     /* Titel, Statuswort */
  --v2-num: tabular-nums; /* alle Zeiten, Zähler, Prozent */

  /* --- Abstände ------------------------------------------- */
  --v2-s1: 4px;
  --v2-s2: 8px;
  --v2-s3: 12px;
  --v2-s4: 16px;
  --v2-s5: 24px;

  /* --- Maße ------------------------------------------------ */
  --v2-touch: 44px;       /* Mindest-Trefferfläche */
  --v2-btn-h: 48px;       /* Standardknopf */
  --v2-btn-h-l: 56px;     /* Hauptaktion (Vorschlag übernehmen) */
  --v2-icon: 24px;        /* Icon-Kasten, Stroke 2 */
  --v2-rule: 4px;         /* Status-Kante links */

  /* --- Radius ---------------------------------------------- */
  --v2-r-s: 6px;    /* Knöpfe, Eingaben, Statuswörter */
  --v2-r-m: 10px;   /* Abschnittsflächen, Thumbnail */
  --v2-r-l: 16px;   /* Sheet */
  --v2-r-pill: 999px; /* nur „● Live" und Zähler */

  /* --- Schatten: nur für Ebenen, nie für Karten ---------- */
  --v2-shadow-0: none;
  --v2-shadow-1: 0 1px 2px rgba(26, 22, 23, .06), 0 1px 1px rgba(26, 22, 23, .04);
  --v2-shadow-sheet: 0 -8px 32px rgba(26, 22, 23, .22);
  --v2-scrim: rgba(26, 22, 23, .48);

  /* --- Bewegung (siehe design-v2.md §4) ------------------- */
  --v2-ease-out: cubic-bezier(.2, 0, 0, 1);
  --v2-ease-in-out: cubic-bezier(.4, 0, .2, 1);
  --v2-d-fast: 120ms;
  --v2-d-base: 200ms;
  --v2-d-sheet: 240ms;
}

/* --- Dark-Mode (optional, Admin-Betrieb nachts/OB-Wagen) ------- */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --v2-brand: #5F0912; --v2-brand-strong: #7A1522; /* Füllung bleibt Burgund, Text #FFF 13.69 */
    --v2-brand-soft: #3A1A1E;
    --v2-brand-text: #F2A0AA; /* Burgund als TEXT ist im Dunkeln unlesbar → Rosé, 8.61 auf surface */
    --v2-live: #C8102E;       /* #FFF darauf 5.88 */
    --v2-canvas: #141112; --v2-surface: #1D191A;
    --v2-line: #352E30; --v2-line-strong: #7B7173; /* 3.69 */
    --v2-ink: #F3EEEE;          /* 15.15 auf surface, 16.34 auf canvas */
    --v2-ink-disabled: #7D7476; /* 3.84 */
    --v2-ok: #86D9AB;   --v2-ok-bg: #15301F;   /* 8.50 · 10.39 auf surface */
    --v2-warn: #F3BC66; --v2-warn-bg: #33260F; /* 8.56 · 10.11 */
    --v2-bad: #FFA897;  --v2-bad-bg: #3C1B16;  /* 8.31 */
    --v2-info: #A4C6F6; --v2-info-bg: #172741; /* 8.54 · 9.94 */
    --v2-unk: #F3EEEE;  --v2-unk-bg: #2E292A;  /* 12.46 */
    --v2-focus: #7FB2FF;                        /* 8.05 */
    --v2-shadow-sheet: 0 -8px 32px rgba(0, 0, 0, .6);
    --v2-scrim: rgba(0, 0, 0, .6);
  }
}

@media (prefers-reduced-motion: reduce) {
  :root { --v2-d-fast: 0ms; --v2-d-base: 0ms; --v2-d-sheet: 0ms; }
}