:root {
  color-scheme: light;
  --color-primary-50: #eff6ff;
  --color-primary-100: #dbeafe;
  --color-primary-500: #2563eb;
  --color-primary-600: #1d4ed8;
  --color-primary-700: #1e40af;
  --color-blue-50: #eef6ff;
  --color-blue-600: #1769aa;
  --color-danger-50: #fff1f2;
  --color-danger-600: #c5293f;
  --color-warning-50: #fff8e6;
  --color-warning-700: #8a5b00;
  --color-success-50: #edfbf2;
  --color-success-700: #19386c;
  --color-surface: #ffffff;
  --color-background: #f4f7fb;
  --color-background-strong: #e8eef8;
  --color-border: #d8e1ef;
  --color-text: #172033;
  --color-muted: #647089;
  --shadow-sm: 0 4px 16px rgba(23, 47, 89, .07);
  --shadow-md: 0 14px 38px rgba(23, 47, 89, .12);
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --content-max: 1440px;
}

[data-theme="dark"] {
  color-scheme: dark;
  --color-surface: #172033;
  --color-background: #0d1424;
  --color-background-strong: #202c44;
  --color-border: #34445f;
  --color-text: #f1f5ff;
  --color-muted: #a8b5ca;
  --color-primary-50: #172d55;
  --color-blue-50: #172e43;
  --color-danger-50: #3a1d22;
  --color-warning-50: #382e16;
  --color-success-50: #192435;
  --shadow-sm: 0 4px 16px rgba(0, 0, 0, .2);
  --shadow-md: 0 14px 38px rgba(0, 0, 0, .3);
}