:root {
  --color-bg: #f5f7fa;
  --color-surface: #ffffff;
  --color-text-primary: #1a2332;
  --color-text-secondary: #5a6a7e;
  --color-border: #e2e8f0;
  --color-success: #22c55e;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;
  --color-info: #3b82f6;
  --color-disabled: #94a3b8;
  --color-primary: #4f46e5;
  --color-primary-hover: #4338ca;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
}