/* tokens.css — 美睫产品设计变量
   来源：03-ui/ui-spec.md 的视觉读数；所有页面只引用变量，不写死色值。 */
:root {
  /* 色彩 */
  --paper: #f7f3ea;
  --paper-raised: #fffdf8;
  --paper-deep: #efe9dc;
  --ink: #26251f;
  --ink-soft: #4a473f;
  --muted: #6f6a5f;
  --green: #2f4634;
  --green-deep: #24382a;
  --green-soft: #e3e8dd;
  --accent: #b98d63;
  --accent-soft: #f0e2d2;
  --line: #e2dccd;
  --line-strong: #cfc6b2;
  --white: #fffdf8;

  /* 字体 */
  --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;

  /* 字号 */
  --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, 72px);

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

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