:root {
  color-scheme: light;
  --color-bg: #ffffff; --color-surface: #f5f6f8; --color-raised: #ffffff;
  --color-text: #19212d; --color-text-muted: #626d7c; --color-primary: #275ddd;
  --color-primary-fg: #ffffff; --color-accent: #eaf0ff; --color-border: #e0e5ec;
  --color-success: #167341; --color-success-bg: #e9f6ee;
  --color-warning: #886017; --color-warning-bg: #fff5de;
  --color-danger: #b33b3b; --color-danger-bg: #fff0f0;
  --font-display: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body: var(--font-display); --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --text-xs: .75rem; --text-sm: .875rem; --text-base: 1rem; --text-lg: 1.125rem; --text-xl: 1.4rem; --text-2xl: 1.8rem; --text-3xl: 2.25rem; --text-4xl: 3rem;
  --line-body: 1.55; --weight-normal: 400; --weight-medium: 500; --weight-bold: 650;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px;
  --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px; --radius-full: 999px;
  --shadow-sm: 0 1px 3px #15223b0a; --shadow-md: 0 8px 32px #15223b12; --shadow-lg: 0 16px 64px #15223b25;
  --duration-fast: 140ms; --ease-standard: ease-out;
}
[data-theme='dark'] {
  color-scheme: dark; --color-bg: #14171c; --color-surface: #1b1f26; --color-raised: #20252d;
  --color-text: #e8ecf3; --color-text-muted: #a2adbf; --color-primary: #8cb0ff;
  --color-primary-fg: #142345; --color-accent: #26334e; --color-border: #333a45;
  --color-success: #85dba8; --color-success-bg: #20382b;
  --color-warning: #e8c57a; --color-warning-bg: #3a3122;
  --color-danger: #ffa6a6; --color-danger-bg: #40282b;
  --shadow-sm: none; --shadow-md: 0 8px 32px #0003; --shadow-lg: 0 16px 64px #0005;
}