:root {
  --color-mist: #F7F2EA;
  --color-mist-warm: #F4EDE0;
  --color-fog: #D8D3CC;
  --color-wood: #7A6251;
  --color-ink: #4F463F;
  --color-ink-soft: #7A6E64;
  --color-moss: #7B8D7A;
  --color-light: #E68A78;
  --color-light-soft: rgba(230, 138, 120, 0.12);

  --font-cn-display: "思源宋体", "Noto Serif SC", "Songti SC", "STSong", serif;
  --font-cn-body: "思源黑体", "Noto Sans SC", "PingFang SC", system-ui, sans-serif;
  --font-en-display: "Cormorant Garamond", "EB Garamond", "Times New Roman", serif;
  --font-en-body: "Inter", "Avenir Next", system-ui, sans-serif;

  --text-whisper: clamp(0.75rem, 0.7rem + 0.2vw, 0.85rem);
  --text-caption: clamp(0.85rem, 0.8rem + 0.25vw, 0.95rem);
  --text-body: clamp(1rem, 0.95rem + 0.3vw, 1.125rem);
  --text-lead: clamp(1.25rem, 1rem + 1vw, 1.625rem);
  --text-title: clamp(1.75rem, 1.2rem + 2.5vw, 3rem);
  --text-hero: clamp(2.25rem, 1.5rem + 3.5vw, 4.5rem);

  --space-breath: clamp(0.75rem, 0.5rem + 1vw, 1.25rem);
  --space-sigh: clamp(1.5rem, 1rem + 2vw, 2.5rem);
  --space-pause: clamp(2.5rem, 1.5rem + 4vw, 5rem);
  --space-section: clamp(5rem, 3rem + 8vw, 12rem);

  --radius-soft: 12px;
  --radius-card: 24px;
  --radius-arc: 48% 52% 50% 50% / 50% 50% 50% 50%;
  --border-thin: 1px solid var(--color-fog);
  --border-whisper: 1px dashed rgba(216, 211, 204, 0.5);

  --duration-instant: 200ms;
  --duration-slow: 600ms;
  --duration-breath: 1200ms;
  --duration-tide: 3200ms;
  --ease-out-soft: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out-tide: cubic-bezier(0.65, 0, 0.35, 1);

  --leading-tight: 1.4;
  --leading-normal: 1.7;
  --leading-loose: 2;
  --tracking-display: 0.05em;
  --tracking-body: 0.02em;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-instant: 0ms;
    --duration-slow: 0ms;
    --duration-breath: 0ms;
    --duration-tide: 0ms;
  }
}