:root {
  --primary: #246C5F;
  --ink: #213D35;
  --muted: #64756E;
  --background: #F5F8F6;
  --surface: #FFFFFF;
  --border: #DFE7E2;
  --mint: #E5F2EC;
  --peach: #F9E4D7;
  --warning: #87521A;
  --danger: #B63639;
  --radius: 12px;
  --radius-sm: 8px;
  --radius-lg: 20px;
  --font: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --mono: Consolas, ui-monospace, monospace;
  color-scheme: light;
  scrollbar-color: #A7BDB1 #F5F8F6;
  scrollbar-width: thin;
}
* { scrollbar-color: #A7BDB1 #F5F8F6; scrollbar-width: thin; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-track { background: var(--background); }
*::-webkit-scrollbar-thumb { background: #A7BDB1; border-radius: 8px; }
*::-webkit-scrollbar-thumb:hover { background: var(--primary); }
@media (forced-colors: active) { * { scrollbar-color: auto; } }