/* @req R-LV-080 — Design tokens for LumiVita FDD Builder */
:root {
  --color-bg: #fff6ef;
  --color-surface: #f5ede6;
  --color-surface-alt: #e7dcd3;
  --color-border: rgba(79, 38, 24, 0.2);
  --color-text: #333333;
  --color-text-muted: #a7927b;
  --color-accent: #d36d4f;
  --color-accent-dark: #4f2618;
  --color-accent-hover: rgba(79, 38, 24, 0.65);
  --color-highlight: #e2ef8a;
  --color-danger: #c0392b;
  --color-danger-dark: #96281b;
  --color-success: #5a8a5a;
  --color-warning: #c8860a;

  --status-not-started: #a7927b;
  --status-in-progress: #d36d4f;
  --status-in-review: #c8860a;
  --status-complete: #5a8a5a;

  /* rest stays the same */
  --font-stack: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  --shadow-sm: 0 1px 3px rgba(79, 38, 24, 0.08);
  --shadow-md: 0 4px 6px rgba(79, 38, 24, 0.06);

  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;

  --header-height: 60px;
  --max-width: 1400px;
}