/* ──────────────────────────────────────────────────────
   AMAVI Designsystem — Tokens
   Editorial Luxury — Premium-Privatkunden Rhein-Main
   ────────────────────────────────────────────────────── */
:root {
  /* ─── Hintergrund-Töne ─── */
  --bg-deep:        #15110d;   /* sehr dunkles Espresso (Haupt-BG) */
  --bg-soft:        #1d1814;   /* etwas heller, Sektionswechsel */
  --bg-mid:         #2a221b;   /* mittlerer Dunkelton, Karten */
  --bg-light:       #f0e9db;   /* warmes Off-White (helle Sektionen) */
  --bg-light-alt:   #e4d9c4;   /* dunkleres Creme */

  /* ─── Akzentfarben ─── */
  --accent-cognac:       #b78859;   /* Hauptakzent (Cognac-Ton) */
  --accent-cognac-soft:  #d4a877;   /* heller Akzent für Highlights */
  --accent-cognac-deep:  #8b6334;   /* tiefer für Buttons auf hellem Grund */
  --accent-green:        #4a5a48;   /* dunkles Samtgrün, sekundär */
  --accent-green-soft:   #7a8a70;   /* helles Salbei */

  /* ─── Texttöne ─── */
  --text-on-dark:        #ebe3d0;   /* Body auf dunklem Grund */
  --text-on-dark-muted:  #968a76;   /* sekundär auf dunkel */
  --text-on-light:       #15110d;   /* Body auf hellem Grund */
  --text-on-light-muted: #5e5040;   /* sekundär auf hell */

  /* ─── Rahmen / Linien ─── */
  --line-on-dark:  rgba(235, 227, 208, 0.14);
  --line-on-light: rgba(21, 17, 13, 0.14);

  /* ─── Typografie ─── */
  --font-display: "Fraunces", Georgia, serif;
  --font-body:    "DM Sans", system-ui, sans-serif;
  --font-script:  "Allura", "Brush Script MT", cursive;

  /* ─── Spacing-Skala (8px-Basis) ─── */
  --sp-1: 8px;
  --sp-2: 16px;
  --sp-3: 24px;
  --sp-4: 32px;
  --sp-5: 48px;
  --sp-6: 64px;
  --sp-7: 96px;
  --sp-8: 128px;
  --sp-9: 192px;

  /* ─── Container ─── */
  --container-max: 1400px;
}