:root {
  color-scheme: light;
  --color-canvas: #faf9f7;
  --color-surface: #ffffff;
  --color-surface-soft: #f5f3f0;
  --color-surface-warm: #fff0df;
  --color-art-surface: var(--color-surface-warm);
  --color-ink: #30262d;
  --color-muted: #74676e;
  --color-line: #eadfd5;
  --color-line-strong: #d8c7bd;
  --color-brand: #715071;
  --color-brand-strong: #50344f;
  --color-brand-soft: #f0e5f0;
  --color-accent: #dc765d;
  --color-accent-soft: #fde8e0;
  --color-teal: #3b827b;
  --color-teal-soft: #e2f1ed;
  --color-gold: #b37a2e;
  --color-danger: #a44242;
  --color-danger-soft: #fbe9e7;
  --color-info: #326f7c;
  --color-info-soft: #e5f2f3;
  --color-signal-green: #397b69;
  --color-signal-yellow: #98721c;
  --color-signal-orange: #bb5d3d;
  --color-focus: #6f4b74;
  --shadow-card: 0 12px 36px rgb(65 47 64 / 7%);
  --shadow-card-hover: 0 18px 44px rgb(65 47 64 / 11%);
  --shadow-header: 0 1px 0 rgb(82 56 65 / 8%);
  --radius-sm: 0.7rem;
  --radius-md: 1.15rem;
  --radius-lg: 1.8rem;
  --radius-pill: 999px;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --font-sans: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --font-size-small: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lead: clamp(1.05rem, 2vw, 1.2rem);
  --font-size-h3: clamp(1.1rem, 2vw, 1.25rem);
  --font-size-h2: clamp(1.45rem, 3vw, 2rem);
  --font-size-h1: clamp(2.35rem, 6vw, 4.35rem);
  --line-height-tight: 1.2;
  --line-height-normal: 1.65;
  --page-width: 94rem;
  --reading-width: 52rem;
  --transition: 180ms ease;
}