/* ─────────────────────────────────────────────────────────────────────────
   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.
   ───────────────────────────────────────────────────────────────────────── */

: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);
}
