/*
  Design Tokens – Single Source of Truth für Farben/Abstände/Radien (Zusatzprompt §6).
  Die Markenfarbe (--color-primary) ist identisch zum Flutter-Theme-Seed
  in lib/presentation/app.dart (_brandOrange = 0xFFE86A2C). Ändert sich
  ein Token hier, muss die Änderung auch in app.dart nachgezogen werden
  und umgekehrt – siehe preview/README.md.
*/
:root {
  --color-primary: #e86a2c;
  --color-primary-dark: #c6551f;
  --color-primary-contrast: #ffffff;
  --color-primary-bg: #fbe6da;

  --color-bg: #f6f5f4;
  --color-surface: #ffffff;
  --color-surface-alt: #f0eeec;
  --color-text: #1b1a19;
  --color-text-secondary: #6b6864;
  --color-border: #e6e3e0;

  --color-success: #2e9e4f;
  --color-success-bg: #e7f6ec;
  --color-warning: #b8790f;
  --color-warning-bg: #fbf0dc;
  --color-danger: #c8402c;
  --color-danger-bg: #fbe9e6;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

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

  --shadow-card: 0 1px 2px rgba(20, 18, 16, 0.06), 0 4px 12px rgba(20, 18, 16, 0.06);
  --shadow-fab: 0 4px 14px rgba(232, 106, 44, 0.4);

  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --touch-target: 48px;
}

:root[data-theme="dark"] {
  --color-bg: #141312;
  --color-surface: #201f1d;
  --color-surface-alt: #2a2826;
  --color-text: #f4f2f0;
  --color-text-secondary: #b0aca7;
  --color-border: #34312e;

  --color-primary-bg: #3a2416;
  --color-success-bg: #17301f;
  --color-warning-bg: #362a10;
  --color-danger-bg: #391e19;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-bg: #141312;
    --color-surface: #201f1d;
    --color-surface-alt: #2a2826;
    --color-text: #f4f2f0;
    --color-text-secondary: #b0aca7;
    --color-border: #34312e;

    --color-primary-bg: #3a2416;
    --color-success-bg: #17301f;
    --color-warning-bg: #362a10;
    --color-danger-bg: #391e19;
  }
}