:root {
  --color-bg: #F8FAFC;
  --color-surface: #ffffff;
  --color-surface-soft: #fbfcfd;
  --color-border: #E5E7EB;
  --color-text: #0F172A;
  --color-muted: #64748B;
  --color-primary: #2563EB;
  --color-success: #16A34A;
  --color-warn: #F59E0B;
  --color-error: #DC2626;

  --radius-12: 12px;
  --radius-10: 10px;
  --radius-pill: 999px;

  --shadow-1: 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-2: 0 4px 14px rgba(15, 23, 42, 0.06);

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;

  --font-size-xs: 12px;
  --font-size-sm: 13px;
  --font-size-md: 14px;
  --font-size-lg: 18px;
  --font-size-xl: 22px;
}