/* Design tokens: the ONLY place colors/sizes are defined. */
:root {
  --color-primary: #ff7a59;
  --color-primary-dark: #e65f3d;
  --color-secondary: #5b8def;
  --color-success: #34c38f;
  --color-warning: #ffb703;
  --color-danger: #ef476f;
  --color-bg: #fff8ee;
  --color-surface: #ffffff;
  --color-text: #2b2d42;
  --color-muted: #6b7088;
  --color-border: #f0e3d0;

  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --shadow-card: 0 6px 0 rgba(43, 45, 66, 0.08), 0 10px 24px rgba(43, 45, 66, 0.08);
  --font-body: "Nunito", "Baloo 2", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --touch-target: 52px;
  --space-1: 4px; --space-2: 8px; --space-3: 16px; --space-4: 24px; --space-5: 40px;
}

:root[data-contrast="high"] {
  --color-bg: #ffffff;
  --color-text: #000000;
  --color-muted: #222222;
  --color-border: #000000;
}