/*
 * Design Tokens – Single Source of Truth
 * Hier (und nur hier) werden Werte definiert. Alle anderen Styles
 * referenzieren ausschliesslich diese Tokens, keine Hardcode-Werte.
 */
:root {
  /* ---- Farben ---- */
  --color-bg:          #fbf9f4;
  --color-surface:     #ffffff;
  --color-text:        #2b2622;
  --color-text-muted:  #6b6259;
  --color-primary:     #4a6c54;   /* naturnahes Gruen */
  --color-primary-dark:#33503c;
  --color-accent:      #c2773f;   /* warmer Akzent (Erde/Herbst) */
  --color-border:      #e4ded3;

  /* ---- Typografie ---- */
  --font-base:   system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-head:   Georgia, "Times New Roman", serif;

  --fs-sm:    0.875rem;
  --fs-base:  1rem;
  --fs-lg:    1.25rem;
  --fs-xl:    1.75rem;
  --fs-2xl:   2.5rem;

  --lh-tight: 1.2;
  --lh-base:  1.6;

  /* ---- Abstaende (4er-Raster) ---- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;

  /* ---- Layout ---- */
  --content-max: 64rem;
  --radius:      0.5rem;
  --shadow:      0 1px 3px rgba(0, 0, 0, 0.08);
}