:root {
  --color-bg: #f4f5f7;
  --color-surface: #ffffff;
  --color-border: #e1e4e8;
  --color-text: #1f2328;
  --color-text-muted: #57606a;
  --color-primary: #2451a6;
  --color-primary-dark: #1a3a80;

  --color-on-track: #2da44e;
  --color-warning-bg: #fff8c5;
  --color-warning-text: #8a6d00;
  --color-at-risk-bg: #ffe3c9;
  --color-at-risk-text: #a34d00;
  --color-critical-bg: #ffd7d5;
  --color-critical-text: #b3221e;
  --color-data-quality-bg: #e6e8fa;
  --color-data-quality-text: #3d3d8f;
  --color-warm-bg: #ffe3c9;
  --color-warm-text: #a34d00;
  --color-cold-bg: #d8e6f7;
  --color-cold-text: #1f4e8c;

  --radius: 6px;
  --shadow-card: 0 1px 2px rgba(31, 35, 40, 0.08);
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #0d1117;
    --color-surface: #161b22;
    --color-border: #30363d;
    --color-text: #e6edf3;
    --color-text-muted: #9198a1;
    --color-primary: #58a6ff;
    --color-primary-dark: #79c0ff;
  }
}