/* tokens.css — 鼎致美设计变量
   来源：03-ui/ui-spec.md 的视觉定义；页面只引用变量，不写死色值。 */
:root {
  /* 色彩：骨白纸面 + 深青墨 + 少量铜色信号 */
  --paper: #f4f1e8;
  --paper-raised: #fdfbf5;
  --paper-deep: #e9e4d6;
  --ink: #17211f;
  --ink-soft: #3d4a46;
  --muted: #6d756e;
  --teal: #12514c;
  --teal-deep: #0b3a36;
  --teal-soft: #dfe8e2;
  --copper: #b06a43;
  --copper-soft: #f1e1d5;
  --line: #ddd6c6;
  --line-strong: #c8bfab;
  --white: #fdfbf5;

  /* 字体 */
  --font-serif: 'Songti SC',SimSun,'Noto Serif SC',Georgia,serif;
  --font-sans: 'PingFang SC','Microsoft YaHei','Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", "Menlo", "Consolas", "Liberation Mono", monospace;

  /* 字号阶 */
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 28px;
  --text-3xl: 36px;
  --text-hero: clamp(44px, 5.4vw, 73.6px);

  /* 尺寸与节奏 */
  --container: 1280px;
  --container-narrow: 920px;
  --gutter: clamp(20px, 4vw, 48px);
  --section-gap: clamp(56px, 7vw, 96px);
  --radius: 2px;
  --radius-lg: 3px;

  /* 动效与层叠 */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 240ms;
  --shadow-soft: 0 10px 30px -18px rgba(23, 33, 31, 0.32);
  --shadow-lift: 0 18px 44px -24px rgba(23, 33, 31, 0.4);
  --z-header: 50;
  --z-menu: 60;
}