/* ─────────────────────────────────────────────────────────────────────────
   omaneo — Design Tokens
   Quelle der Wahrheit: 00 Kontext/Webseiten-CI.md §1-4
   Festgeschrieben 2026-05-25, Migration Phase C 2026-05-25.

   Konventionen:
   - Token-Werte hier ändern, NICHT inline überschreiben.
   - Alte Aliase (--r, --r-lg) bleiben für Backwards-Compat erhalten.
   - Neue Werte werden hier ergänzt, dann hier diskutiert und abgenommen.
   ───────────────────────────────────────────────────────────────────────── */

/* ═══════════════════════════════════════════════════════════════════════
   §0 SCHRIFTEN — selbst gehostet
   ⛔ 25.08.2026: Diese Datei nannte 'Inter' und 'Playfair Display' seit dem
   25.05.2026, aber NIEMAND lud sie je. Kein @import, kein @font-face, kein
   Stylesheet-Verweis auf eine Schriftquelle — gemessen: 0 Treffer auf der
   ganzen Seite. Das Ergebnis: Jeder Besucher sah System-Schriften, die CI galt
   nur auf dem Papier.

   Selbst gehostet, nicht über Google Fonts. Zwei Gründe:
   · **Datenschutz.** Google Fonts überträgt die IP des Besuchers in die USA;
     das LG München hat das 2022 für unzulässig erklärt (Az. 3 O 17493/20).
     Für eine deutsche GmbH ist das ein vermeidbares Risiko.
   · **Tempo.** Der eigene Server liefert ohne zweite DNS-Auflösung und ohne
     fremden Verbindungsaufbau.

   Die vier Schnitte sind genau die, die `global/ci.md` nennt: Playfair Display
   Regular und Italic für Titel, Inter Regular und SemiBold für Text und Label.
   Auf Latin beschnitten: 347 kB → 69 kB (81 % gespart).
   `font-display: swap` — der Text steht sofort da und wird nachträglich in die
   richtige Schrift gesetzt, statt unsichtbar zu bleiben.
   ═══════════════════════════════════════════════════════════════════════ */
/* Die acht Schnitte stehen seit dem 26.08.2026 in EINER Datei — sie werden nicht nur
   hier gebraucht, sondern auch von den Buehnen, den 1.069 Begleitseiten und den 830
   Vorschauseiten, die die Schrift bis dahin bei Google holten (Hausregel 25). Dort
   kamen Playfair 500 und 700 dazu; sie stehen ebenfalls in der gemeinsamen Datei.
   Werkzeug: projekte/admin/tools/schriften_lokal.py */
@import url('/assets/css/schriften.css');


:root {

  /* ── §1 Fonts ──────────────────────────────────────────── */
  --font:        'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-head:   'Playfair Display', Georgia, serif;
  --font-mono:   'SF Mono', Menlo, Consolas, monospace;

  /* ── §1.2 Letter-spacing-Skala ─────────────────────────── */
  --ls-tight:    0.05em;   /* Labels, Card-Meta */
  --ls-wide:     0.1em;    /* Button-Caps, Tabs, Meta */
  --ls-wider:    0.18em;   /* Eyebrows */

  /* ── §2 Farben ─────────────────────────────────────────── */
  --text:        #1a1a1a;
  --muted:       #6b6560;
  --subtle:      #A8A39D;
  --accent:      #9b7a4a;
  --accent-h:    #7d6038;
  --accent-dim:  rgba(155,122,74,.10);
  --bg:          #ffffff;
  --surface:     #f8f6f3;
  --surface-2:   #f0ede8;
  --border:      #E8E3DC;
  --danger:      #C0392B;
  --success:     #27AE60;

  /* ── §3 Spacing-Raster ─────────────────────────────────── */
  --space-1:     4px;
  --space-2:     8px;
  --space-3:     12px;
  --space-4:     16px;
  --space-5:     24px;
  --space-6:     32px;
  --space-7:     48px;
  --space-8:     80px;

  /* ── §4 Radii ──────────────────────────────────────────── */
  --r-sm:        4px;
  --r-md:        8px;
  --r-pill:      9999px;
  --r-circle:    50%;

  /* Backwards-Compat-Aliase — nicht in neuem Code verwenden */
  --r:           var(--r-sm);
  --r-lg:        var(--r-md);

  /* Shadows (nicht im Regelwerk fixiert, aber stabil) */
  --shadow:      0 1px 8px rgba(0,0,0,.07);
  --shadow-lg:   0 4px 24px rgba(0,0,0,.10);
}