:root {
  /* Fonts */
  --font-sans: 'DM Sans', sans-serif;
  --font-mono: 'DM Mono', monospace;

  /* Border Radii */
  --radius-card: 0.5rem;
  --radius-badge: 0.25rem;
  --radius-input: 0.375rem;

  /* Theme: Dark (Default) - Warm Zinc/Stone Neutral Palette */
  --color-surface-bg: hsl(240, 6%, 7%);
  --color-surface: hsl(240, 6%, 10%);
  --color-surface-raised: hsl(240, 6%, 13%);
  --color-border: hsl(240, 6%, 18%);
  
  --color-text-primary: hsl(240, 6%, 95%);
  --color-text-muted: hsl(240, 4%, 65%);
  
  --color-accent: hsl(178, 55%, 42%);
  --color-accent-subtle: hsl(178, 55%, 12%);
  --color-accent-border: hsl(178, 55%, 25%);

  /* Status Colors */
  --color-status-positive: hsl(142, 60%, 45%);
  --color-status-positive-bg: hsl(142, 60%, 10%);
  --color-status-positive-border: hsl(142, 60%, 18%);

  --color-status-warning: hsl(38, 85%, 48%);
  --color-status-warning-bg: hsl(38, 85%, 10%);
  --color-status-warning-border: hsl(38, 85%, 18%);

  --color-status-negative: hsl(0, 75%, 55%);
  --color-status-negative-bg: hsl(0, 75%, 10%);
  --color-status-negative-border: hsl(0, 75%, 18%);
}

[data-theme="light"] {
  /* Theme: Light - Warm Off-White / Stone Palette */
  --color-surface-bg: hsl(30, 15%, 97%);
  --color-surface: hsl(30, 10%, 93%);
  --color-surface-raised: hsl(30, 10%, 90%);
  --color-border: hsl(30, 8%, 80%);
  
  --color-text-primary: hsl(240, 10%, 12%);
  --color-text-muted: hsl(240, 4%, 42%);
  
  --color-accent: hsl(178, 55%, 42%);
  --color-accent-subtle: hsl(178, 55%, 93%);
  --color-accent-border: hsl(178, 55%, 80%);

  /* Status Colors */
  --color-status-positive: hsl(142, 60%, 35%);
  --color-status-positive-bg: hsl(142, 60%, 93%);
  --color-status-positive-border: hsl(142, 60%, 80%);

  --color-status-warning: hsl(38, 85%, 35%);
  --color-status-warning-bg: hsl(38, 85%, 93%);
  --color-status-warning-border: hsl(38, 85%, 80%);

  --color-status-negative: hsl(0, 70%, 40%);
  --color-status-negative-bg: hsl(0, 70%, 93%);
  --color-status-negative-border: hsl(0, 70%, 80%);
}