/* Einzige Datei mit Zahlenwerten für Abstände und mit Hexfarben.
   Abstände: CLAUDE.md, Abschnitt "Token-Skala".
   Farben: docs/anforderungen-oedekoven.md, Abschnitt 2, unverändert übernommen. */

:root {
  /* Abstandsskala, 4px-Basis */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  /* 2026-08-31 bewusst erweitert (vorher clamp(48px, 7vw, 96px)):
     die Dex-Vorlage lebt von deutlich höheren Sektionsabständen */
  --section-y: clamp(64px, 9vw, 128px);
  --container-max: 1200px;
  --container-x: clamp(16px, 5vw, 32px);

  /* Farbpalette */
  --color-akzent: #88451F;         /* Akzent: Links, Buttons, aktive Zustände */
  --color-akzent-hover: #6E3717;   /* Akzent im Hover- und Fokuszustand */
  --color-text: #241A12;           /* Text */
  --color-text-2: #5C4B3D;         /* Text zweiter Ordnung */
  --color-hintergrund: #FAF7F2;    /* Seitenhintergrund */
  --color-flaeche: #F2ECE2;        /* Flächen und Karten */
  --color-zier: #D7BB84;           /* Zierfarbe, nur dekorativ */
  --color-weiss: #FFFFFF;          /* Weiß, freigegeben für Text auf Akzent (7,20:1) */

  /* Übergänge: einziger erlaubter Wert für transition (CLAUDE.md) */
  --transition: 150ms ease-out;
}