:root {
  --color-bg: #ffffff;
  --color-fg: #0f172a;
  --color-fg-muted: #475569;
  --color-border: #e2e8f0;
  --color-primary: #2563eb;
  --color-primary-ink: #ffffff;
  --color-surface: rgba(255,255,255,0.6);
  --color-surface-strong: #ffffff;
  --color-accent: #3730a3;
  --color-success: #10b981;
  --color-danger: #b91c1c;

  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  --shadow-sm: 0 4px 16px rgba(0,0,0,.12);
  --shadow-md: 0 8px 24px rgba(0,0,0,.16);
  --shadow-lg: 0 15px 60px rgba(0,0,0,.25);

  --space-1: 4px;
  --space-2: 6px;
  --space-3: 8px;
  --space-4: 10px;
  --space-5: 12px;
  --space-6: 14px;
  --space-7: 16px;
  --space-8: 20px;
}