:root {
  --sand: #F4EEE6;
  --creme: #FBF8F4;
  --salbei: #7C8B6F;
  --salbei-dunkel: #5F6E54;
  --terra: #C2734E;
  --terra-dunkel: #A65C3A;
  --braun: #2E2620;
  --grau: #6B6259;
  --linie: #E5DDD2;
  --weiss: #FFFFFF;
  --ok: #4F7A4A;
  --warn: #B7791F;
  --fehler: #B4442F;

  --bg: var(--creme);
  --bg-alt: var(--sand);
  --text: var(--braun);
  --text-leise: var(--grau);
  --akzent: var(--terra);
  --akzent-hover: var(--terra-dunkel);
  --karte: var(--weiss);

  --font-titel: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-text: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --radius: 16px;
  --radius-s: 10px;
  --schatten: 0 1px 2px rgba(46, 38, 32, .06), 0 8px 24px rgba(46, 38, 32, .06);
  --schatten-gross: 0 20px 60px rgba(46, 38, 32, .18);
  --max: 1200px;
  --gutter: clamp(16px, 4vw, 40px);
  --ease: cubic-bezier(0.23, 1, 0.32, 1);
}