:root {
  color-scheme: light;
  --color-primary-50: #eef8f1;
  --color-primary-100: #d9efe0;
  --color-primary-500: #168447;
  --color-primary-600: #0f6d3a;
  --color-primary-700: #0c5630;
  --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: #126c3b;
  --color-surface: #ffffff;
  --color-background: #f4f7f6;
  --color-background-strong: #e8eeec;
  --color-border: #d9e2df;
  --color-text: #17231f;
  --color-muted: #62716c;
  --shadow-sm: 0 4px 16px rgba(18, 44, 34, .07);
  --shadow-md: 0 14px 38px rgba(18, 44, 34, .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: #17201d;
  --color-background: #0f1714;
  --color-background-strong: #202d28;
  --color-border: #344740;
  --color-text: #eff7f3;
  --color-muted: #a6b8b1;
  --color-primary-50: #183528;
  --color-blue-50: #172e43;
  --color-danger-50: #3a1d22;
  --color-warning-50: #382e16;
  --color-success-50: #173526;
  --shadow-sm: 0 4px 16px rgba(0, 0, 0, .2);
  --shadow-md: 0 14px 38px rgba(0, 0, 0, .3);
}