/* ============ Design Tokens — 「墨 · 纸 · 印」 ============ */
:root {
  /* Color */
  --color-bg-primary: #F7F5F1;
  --color-bg-secondary: #EFEBE4;
  --color-bg-elevated: #FFFFFF;
  --color-text-primary: #211E1A;
  --color-text-secondary: #5A544B;
  --color-text-tertiary: #8A8276;
  --color-accent: #B5382C;
  --color-accent-hover: #9A2E24;
  --color-border: #DDD6CB;
  --color-ink-wash: #E9E3D8;
  --color-accent-muted: #F3E2DE;

  /* Typography — 全站思源黑体（Source Han Sans / Noto Sans SC 同源） */
  --font-display: "Source Han Sans SC", "Noto Sans SC", "思源黑体", "思源黑体 CN",
    "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-body: "Source Han Sans SC", "Noto Sans SC", "思源黑体", "思源黑体 CN",
    "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", sans-serif;

  --text-name: clamp(3.5rem, 12vw, 7rem);
  --text-display: clamp(2rem, 4.6vw, 3.25rem);
  --text-h2: clamp(1.75rem, 3.2vw, 2.5rem);
  --text-h3: 1.375rem;
  --text-body-lg: clamp(1.0625rem, 1.4vw, 1.25rem);
  --text-body: 1.0625rem;
  --text-caption: 0.875rem;
  --text-overline: 0.8125rem;

  /* Spacing */
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  /* Grid */
  --grid-margin-mobile: 20px;
  --grid-margin-tablet: 32px;
  --grid-margin-desktop: 48px;
  --container-max: 1200px;

  /* Radius */
  --radius-sm: 12px;
  --radius-pill: 9999px;

  /* Elevation */
  --shadow-card: 0 8px 24px rgba(33, 30, 26, 0.10);
  --shadow-hover: 0 12px 32px rgba(33, 30, 26, 0.14);
  --shadow-nav: 0 4px 20px rgba(33, 30, 26, 0.08);

  /* Motion */
  --motion-fast: 150ms;
  --motion-base: 300ms;
  --motion-slow: 600ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);

  /* Nav */
  --nav-height: 56px;
}