:root {
  --color-background: #FFFFFF;
  --color-text: #17324D;
  --color-muted: #5C6B7A;
  --color-accent: #1F7A6F;
  --color-danger: #B42318;
  --color-border: #DFE5EA;
  --color-surface: #F2F5F7;
  --color-primary: #1F7A6F;
  --color-inverse: #FFFFFF;
  --color-brand: #2A9D8F;
  --color-focus: #2A9D8F;
  --color-success: #2E7D32;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-pill: 999px;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.5rem;
  --font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

:root[data-theme="dark"] {
  --color-background: #0F1B26;
  --color-text: #F2F5F7;
  --color-muted: #8DA0B0;
  --color-accent: #3FB5A6;
  --color-danger: #F97066;
  --color-border: #22394D;
  --color-surface: #16293A;
  --color-primary: #2A9D8F;
  --color-inverse: #0F1B26;
  --color-brand: #2A9D8F;
  --color-focus: #3FB5A6;
  --color-success: #6BCB8B;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-background: #0F1B26;
    --color-text: #F2F5F7;
    --color-muted: #8DA0B0;
    --color-accent: #3FB5A6;
    --color-danger: #F97066;
    --color-border: #22394D;
    --color-surface: #16293A;
    --color-primary: #2A9D8F;
    --color-inverse: #0F1B26;
    --color-brand: #2A9D8F;
    --color-focus: #3FB5A6;
    --color-success: #6BCB8B;
  }
}