:root {
  color-scheme: light dark;
  --color-bg: #F6F8F4;
  --color-surface: #FFFFFF;
  --color-surface-muted: #E7F2ED;
  --color-text: #192A29;
  --color-text-muted: #52645F;
  --color-border: #D6E2DD;
  --color-primary: #087F69;
  --color-on-primary: #FFFFFF;
  --color-danger: #B42335;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --font-body: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --content-max-width: 720px;
  --tap-target-min: 44px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #111C1C;
    --color-surface: #1C2A29;
    --color-surface-muted: #283936;
    --color-text: #F4F7F3;
    --color-text-muted: #B8CAC3;
    --color-border: #425550;
    --color-primary: #61DEC2;
    --color-on-primary: #0A2923;
    --color-danger: #FF8790;
  }
}