/* 设计令牌：全站唯一的色板与尺度来源（明亮主题） */
:root {
  color-scheme: light;

  /* 背景与表面（由浅到深） */
  --bg: #f6f5f2;
  --surface: #ffffff;
  --surface-2: #fbfaf8;
  --surface-3: #f1efea;
  --surface-4: #e6e2da;

  --line: #e2ded5;
  --line-strong: #cdc7ba;

  --text: #1d2027;
  --text-muted: #5b626f;
  --text-dim: #6f757f;

  /* 强调色：在浅底上仍满足正文对比度 */
  --accent: #a4620f;
  --accent-strong: #7f4a09;
  --accent-soft: rgba(164, 98, 15, 0.1);
  --accent-line: rgba(164, 98, 15, 0.32);

  --ok: #2f7d55;
  --warn: #8f6412;
  --error: #bf3b2b;

  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 18px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;

  --font-sans: system-ui, -apple-system, "Segoe UI", "Microsoft YaHei", "PingFang SC",
    "Hiragino Sans GB", "Noto Sans SC", sans-serif;
  --font-mono: "Cascadia Code", Consolas, "SFMono-Regular", Menlo, monospace;

  --shadow-1: 0 1px 2px rgba(29, 32, 39, 0.06);
  --shadow-2: 0 12px 32px rgba(29, 32, 39, 0.12);

  --maxw: 1200px;
  --header-h: 68px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion: 0;
  }
}