:root {
  --color-primary: #1B4B6E;
  --color-primary-dark: #12334A;
  --color-primary-light: #D8E8F2;
  --color-secondary: #4A7C59;
  --color-secondary-light: #E2F0E6;
  --color-accent: #E07A5F;
  --color-background: #F8FAFC;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F1F5F9;
  --color-surface-warm: #FFF8F0;
  --color-text: #1E293B;
  --color-text-muted: #475569;
  --color-text-on-primary: #FFFFFF;
  --color-border: #E2E8F0;
  --color-done: #1A7F37;
  --color-warning: #B45309;
  --color-danger: #DC2626;
  --color-error: #DC2626;
  --color-panic-glow: rgba(224, 122, 95, 0.3);
  --card-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
  --card-shadow-hover: 0 6px 16px rgba(15, 23, 42, 0.1);

  --font-family-heading: 'Quicksand', 'Nunito', system-ui, -apple-system, sans-serif;
  --font-family-body: 'Quicksand', 'Nunito', system-ui, -apple-system, sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --border-radius-sm: 0.375rem;
  --border-radius-md: 0.75rem;
  --border-radius-lg: 1rem;
  --border-radius-xl: 1.5rem;
  --border-radius-pill: 9999px;
  --app-max-width: 1024px;
}