/* Design tokens — 单一事实源（docs/02-设计文档.md §3）。改样式只动这里。 */
:root {
  --color-ink: #1a1f1c;
  --color-muted: #5b635e;
  --color-bg: #ffffff;
  --color-soft: #f6f5f1;
  --color-line: #e4e2db;
  --color-accent: #1f5f4b;
  --color-accent-strong: #174a3a;
  --color-accent-soft: #e7f0ec;
  --color-warm: #c2703d;
  --color-footer-bg: #222824;
  --color-ink-inverse: #fbfbf9;
  --color-footer-text: #c6cfc9;
  --color-footer-link: #dfe5e1;
  --color-footer-accent: #8fc7b3;
  --color-footer-heading: #cdd5cf;
  --color-footer-line: #3a423c;

  --fnt-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --fnt-body: "Source Sans 3", "Inter", system-ui, sans-serif;

  --shadow-xs: 0 1px 2px rgba(26, 31, 28, 0.04);
  --shadow-sm: 0 2px 8px rgba(26, 31, 28, 0.06);
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;

  /* spacing scale (4px base) — 改间距只用这些 token，避免数值漂移 */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 56px;
  --space-11: 64px;
  --space-12: 72px;

  /* font-size scale — 改字号只用这些 token */
  --fs-100: 11px;
  --fs-200: 12px;
  --fs-300: 13px;
  --fs-400: 14px;
  --fs-500: 15px;
  --fs-600: 16px;
  --fs-700: 17px;
  --fs-800: 18px;
  --fs-900: 19px;
  --fs-1000: 20px;
  --fs-display: 36px;
  --fs-h1: clamp(36px, 5.2vw, 54px);
  --fs-h2: clamp(27px, 3.4vw, 34px);

  --container-max: 1200px;
  --container-prose: 72ch;
}
