:root {
  color-scheme: light;
  --canvas: #f2f5fa;
  --surface: #ffffff;
  --surface-soft: #f6f8fc;
  --surface-blue: #edf3ff;
  --ink: #172033;
  --ink-soft: #354159;
  --muted: #6f7889;
  --line: #e1e7f0;
  --line-strong: #d1d7e0;
  --blue: #2864dc;
  --blue-dark: #1f52bb;
  --blue-focus: rgba(40, 100, 220, .26);
  --blue-focus-soft: rgba(40, 100, 220, .09);
  --blue-subtle: rgba(40, 100, 220, .1);
  --blue-border: #92ace1;
  --blue-drop-border: #8aa9e6;
  --blue-drop-bg: #eaf1ff;
  --green: #228066;
  --amber: #9b6326;
  --red: #b64946;
  --shadow: 0 14px 40px rgba(30, 45, 72, .09);
  --radius: 15px;
  font: 14px/1.55 Inter, "Segoe UI", "Microsoft YaHei", sans-serif;
  color: var(--ink);
  background: var(--canvas);
}