:root {
  /* Warme, appetitliche Palette */
  --color-primary: #d97a3f;
  --color-primary-dark: #b8602c;
  --color-primary-light: #f2b183;
  --color-secondary: #6b7d4f;
  --color-secondary-dark: #52612f;
  --color-bg: #fbf6ee;
  --color-surface: #ffffff;
  --color-surface-sunken: #f2e9d8;
  --color-border: #e6d9c2;
  --color-text: #2f2a22;
  --color-text-muted: #766c5c;
  --color-danger: #b5462f;
  --color-success: #4f7a3d;

  --color-diet-vegan: #6b7d4f;
  --color-diet-vegetarisch: #8fae5a;
  --color-diet-fisch: #4a8ba0;
  --color-diet-fleisch: #b5462f;

  --shadow-card: 0 2px 10px rgba(60, 40, 15, 0.1);
  --shadow-elevated: 0 8px 30px rgba(60, 40, 15, 0.18);
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  --font-body: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: Georgia, "Iowan Old Style", "Palatino Linotype", serif;

  --nav-height: 64px;

  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-primary: #e6935e;
    --color-primary-dark: #d97a3f;
    --color-primary-light: #f2b183;
    --color-secondary: #9db97a;
    --color-secondary-dark: #7e9a5c;
    --color-bg: #1c1815;
    --color-surface: #26211c;
    --color-surface-sunken: #201b17;
    --color-border: #3a332b;
    --color-text: #f1e9dc;
    --color-text-muted: #b4a996;
    --color-danger: #e07456;
    --color-success: #8fbf6f;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --color-primary: #e6935e;
  --color-primary-dark: #d97a3f;
  --color-primary-light: #f2b183;
  --color-secondary: #9db97a;
  --color-secondary-dark: #7e9a5c;
  --color-bg: #1c1815;
  --color-surface: #26211c;
  --color-surface-sunken: #201b17;
  --color-border: #3a332b;
  --color-text: #f1e9dc;
  --color-text-muted: #b4a996;
  --color-danger: #e07456;
  --color-success: #8fbf6f;
  color-scheme: dark;
}