/* ============================================================
   IMM IT — Design-Tokens (KONTRAKT fürs ganze Team)
   SEED: Bob#1, 2026-07-09 · Owner: Loki (Layer-Owner)
   2026-07-09: TOKEN-SWAP — Austins Wahl "Richtung B-Hybrid" (Warmer Campus +
   institutionelles UZH-nahes Blau), finaler :root-Block von Henry, Swap von
   Loki. Siehe mockups/konzepte/KONZEPTE.md ("Richtung B-Hybrid (GEWÄHLT)").
   Regel: Die VARIABLENNAMEN sind der Kontrakt — Werte dürfen sich
   ändern, Namen werden NICHT umbenannt ohne Bob#1.
   Alle Seiten binden ein:  ../_shared/tokens.css + ../_shared/base.css
   (bzw. _shared/... von mockups/-Top-Level). Keine hartkodierten Farben!
   ============================================================ */
:root {
  /* Farben — Richtung B-Hybrid: warmes Creme-Papier + institutionelles Navy */
  --c-bg: #f7f3ec;
  --c-surface: #fffdf8;
  --c-text: #2a2318;
  --c-muted: #746a58;
  --c-primary: #1a3f93;
  --c-primary-ink: #ffffff;
  --c-accent: #cf7a24;
  --c-border: #e8dfcd;
  --c-ok: #2e7d4f;
  --c-warn: #c07a12;
  --c-err: #c0453c;
  --c-info: #1f5fb0;

  /* Typografie — nur System-Fonts (offline!) */
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fs-sm: .875rem;
  --fs-base: 1rem;
  --fs-lg: 1.15rem;
  --fs-xl: 1.55rem;
  --fs-2xl: 2.15rem;
  --lh: 1.65;

  /* Raum & Form */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px;
  --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 48px;
  --radius: 12px;
  --radius-lg: 20px;
  --shadow-1: 0 2px 6px rgba(74, 55, 20, .07);
  --shadow-2: 0 16px 40px rgba(74, 55, 20, .14);
  --maxw: 1080px;

  /* --- Loki-Ergänzung (2026-07-09): rein additiv, KEINE Werte oben verändert ---
     Layout-/Timing-Tokens, keine neuen Farben (Hover/Aktiv-Zustände nutzen
     color-mix() auf Basis der Farb-Tokens oben, siehe base.css) */
  --header-h: 64px;
  --z-header: 50;
  --transition: .15s ease;
}