:root {
  --bg: #f5f5f7;
  --surface: #ffffff;
  --surface-2: #fafafc;
  --control-hover: #ededf0;
  --ink: #1d1d1f;
  --ink-2: #515154;
  --ink-subtle: #6e6e73;
  --ink-3: #86868b;
  --hairline: rgba(0, 0, 0, 0.09);
  --hairline-soft: rgba(0, 0, 0, 0.05);
  --accent: #0071e3;
  --accent-ink: #0066cc;
  --accent-tint: #eef5fe;
  --red: #d70015;
  --red-tint: #fdf0f0;
  --red-border: #f3c4c4;
  --green: #1d8a43;
  --green-tint: #eefaf2;
  --green-border: #bfe8cd;
  --amber: #96620d;
  --amber-strong: #b25000;
  --amber-tint: #fff8e8;
  --amber-border: #f0dfb3;
  --radius-card: 16px;
  --radius-control: 10px;
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.04), 0 12px 32px -12px rgba(0, 0, 0, 0.08);
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue",
               "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}