:root {
  color-scheme: light;
  --color-page: #f5f7fb;
  --color-surface: #ffffff;
  --color-surface-muted: #eef2f7;
  --color-text: #172033;
  --color-text-muted: #667085;
  --color-border: #dce3ed;
  --color-border-strong: #b9c4d3;
  --color-primary: #1769e0;
  --color-primary-strong: #0e4fae;
  --color-primary-soft: #e8f0ff;
  --color-primary-border: #b9d0ff;
  --color-success: #16794c;
  --color-success-soft: #e7f6ed;
  --color-danger: #b42318;
  --color-danger-soft: #fff0ee;
  --color-danger-border: #f2b8b5;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-pill: 999px;
  --control-height-lg: 44px;
}

html { background: var(--color-page); }
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }