/* 冻结 handoff 附录 B；明确工程取值，非截图猜色。 */
:root {
  --bg: hsl(210 38% 97%);
  --bg-elevated: hsl(0 0% 100%);
  --bg-subtle: hsl(214 32% 94%);
  --border: hsl(214 32% 91%);
  --border-strong: hsl(216 28% 82%);
  --fg: hsl(213 58% 16%);
  --fg-secondary: hsl(214 22% 35%);
  --fg-muted: hsl(214 17% 53%);
  --primary: hsl(221 75% 45%);
  --accent: hsl(221 75% 45%);
  --accent-hover: hsl(221 74% 32%);
  --warning: hsl(20 88% 48%);
  --success: hsl(150 46% 40%);
  --danger: hsl(4 72% 54%);
  --info: hsl(214 58% 52%);
  --chrome-bg: hsl(222 22% 13%);
  --chrome-bg-hover: hsl(222 16% 20%);
  --chrome-active: hsl(221 75% 45%);
  --chrome-fg: hsl(220 16% 92%);
  --chrome-fg-muted: hsl(220 10% 56%);
  --chrome-border: hsl(222 14% 22%);
  --chrome-accent: hsl(214 90% 66%);
}
:root[data-theme="dark"] {
  --bg: hsl(222 47% 8%);
  --bg-elevated: hsl(222 42% 11%);
  --bg-subtle: hsl(222 40% 14%);
  --border: hsl(222 32% 24%);
  --border-strong: hsl(215 65% 48%);
  --fg: hsl(210 36% 96%);
  --fg-secondary: hsl(214 22% 74%);
  --fg-muted: hsl(214 16% 54%);
  --primary: hsl(213 96% 68%);
  --accent: hsl(213 96% 68%);
  --accent-hover: hsl(213 100% 77%);
  --warning: hsl(24 95% 58%);
  --chrome-bg: hsl(222 52% 6%);
}
/* 2026-10-10 质感提升：图表分类色、层次阴影与动效节奏。主色与语义色不变；分类色只用于不含好坏含义的类别区分。 */
:root {
  --chart-1: hsl(221 75% 45%);
  --chart-2: hsl(174 62% 34%);
  --chart-3: hsl(262 48% 56%);
  --chart-4: hsl(36 90% 48%);
  --chart-5: hsl(199 82% 46%);
  --chart-6: hsl(338 62% 52%);
  --chart-7: hsl(214 16% 58%);
  --shadow-1: 0 1px 2px hsl(220 40% 20% / .05), 0 1px 3px hsl(220 40% 20% / .06);
  --shadow-2: 0 2px 4px hsl(220 40% 20% / .05), 0 8px 20px -6px hsl(220 40% 20% / .12);
  --shadow-3: 0 4px 8px hsl(220 40% 20% / .06), 0 18px 36px -12px hsl(220 40% 20% / .20);
  --ring: 0 0 0 3px hsl(221 75% 45% / .22);
  --press: hsl(221 75% 45% / .14);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-standard: cubic-bezier(.2, 0, 0, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 360ms;
}
:root[data-theme="dark"] {
  --chart-1: hsl(213 96% 68%);
  --chart-2: hsl(170 58% 52%);
  --chart-3: hsl(262 72% 74%);
  --chart-4: hsl(38 92% 60%);
  --chart-5: hsl(195 86% 62%);
  --chart-6: hsl(338 78% 70%);
  --chart-7: hsl(214 16% 62%);
  --shadow-1: 0 1px 2px hsl(222 60% 2% / .40);
  --shadow-2: 0 2px 4px hsl(222 60% 2% / .35), 0 10px 24px -8px hsl(222 60% 2% / .55);
  --shadow-3: 0 4px 10px hsl(222 60% 2% / .40), 0 20px 40px -12px hsl(222 60% 2% / .70);
  --ring: 0 0 0 3px hsl(213 96% 68% / .28);
  --press: hsl(213 96% 68% / .18);
}