: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);
}