:root {
  --color-primary: #1976d2;
  --color-primary-dark: #1565c0;
  --color-primary-light: #e3f2fd;
  --color-danger: #e74c3c;
  --color-warning: #ffc107;
  --color-success: #27ae60;
  --color-text: #1a1a1a;
  --color-text-muted: #555;
  --color-border: #ddd;
  --color-bg: #ffffff;
  --color-bg-subtle: #fafafa;
  --color-bg-muted: #f0f0f0;
  --font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", monospace;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 28px;
  --text-hero: clamp(36px, 6vw, 62px);
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-6: 48px;
  --space-8: 64px;
  --space-12: 96px;
  --radius-card: 10px;
  --radius-btn: 6px;
  --radius-badge: 20px;
  --shadow-panel: 0 4px 16px rgba(0,0,0,0.18);
  --chart-cat-0: #1976d2;
  --chart-cat-1: #e67e22;
  --chart-cat-2: #27ae60;
  --chart-cat-3: #8e44ad;
  --chart-cat-4: #16a085;
  --chart-cat-5: #c0392b;
  --chart-cat-6: #2980b9;
  --chart-cat-7: #f39c12;
  --chart-cat-0-light: #bbdefb;
  --chart-cat-1-light: #fad7a0;
  --chart-cat-2-light: #a9dfbf;
  --chart-cat-3-light: #e8daef;
  --chart-cat-4-light: #a2d9cc;
  --chart-cat-5-light: #f5b7b1;
  --chart-cat-6-light: #aed6f1;
  --chart-cat-7-light: #fde8a1;
  --chart-tooltip-bg: #ffffff;
  --chart-tooltip-fg: #1a1a1a;
}