/* ==========================================================================
   高跟鞋 · 设计变量（tokens）
   唯一变量来源：03-ui/ 的量稿结果 + 05-design-system/design-system.md
   三页共用，内页禁止再写字面色值；新增变量须在此登记并在文档说明用途
   ========================================================================== */

:root {
  /* ── 底色：奶油纸面 → 分区带 → 卡片面 ───────────────────────────── */
  --paper: #f3e7dc;          /* 页面底色（稿上纸面） */
  --paper-lift: #f8efe6;     /* 卡片面 */
  --paper-band: #f7eee5;     /* 精选阅读等浅分区带 */
  --band-beige: #efdcce;     /* 跟高对照 / 参数条等米黄带 */
  --surface: #fdf8f3;        /* 浮层与表单底 */

  /* ── 墨色 ───────────────────────────────────────────────────────── */
  --ink: #2a211d;            /* 主文字 */
  --ink-soft: #5d4d45;       /* 正文次级 */
  --muted: #8a7970;          /* 说明文字 / 标签 */

  /* ── 品牌酒红（唯一强调色） ─────────────────────────────────────── */
  --wine: #892737;           /* 按钮、编号、当前页、CTA */
  --wine-deep: #5a131e;      /* 页脚、CTA 压深 */
  --wine-soft: #b8707a;      /* 悬停描边 */
  --cream-on-wine: #fbeee9;  /* 酒红底上的文字 */

  /* ── 线与遮罩 ───────────────────────────────────────────────────── */
  --line: rgba(42, 33, 29, 0.12);
  --line-strong: rgba(42, 33, 29, 0.22);
  --line-light: rgba(249, 240, 232, 0.18);  /* 深色底上的分隔线 */
  --shade: rgba(243, 231, 220, 0.9);        /* 照片向纸色淡出的遮罩 */

  /* ── 字体 ───────────────────────────────────────────────────────── */
  --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;
  --weight-heading: 600;

  /* ── 字号阶（内页新增文字请就近取档，不要自造 0.2px 级新值） ────── */
  --fs-2xs: 10.5px;   /* 参数条标签、卡片角标 */
  --fs-xs: 11.5px;    /* eyebrow、表格说明、页脚小字 */
  --fs-sm: 12px;      /* 卡片摘要、页脚链接 */
  --fs-sm2: 12.5px;   /* 精选阅读摘要、页脚描述 */
  --fs-md: 13px;      /* 导航、按钮、工具条 */
  --fs-base: 14px;    /* 正文（内页导语） */
  --fs-lg: 15px;      /* 详情页正文 */
  --fs-xl: 16px;      /* 首屏导语 */
  --fs-2xl: 18px;     /* 列表卡片标题 */
  --fs-3xl: 20.5px;   /* 分类卡标题、四步面板标题 */
  --fs-4xl: 22px;     /* 表格区标题 */
  --fs-5xl: 25px;     /* 精选阅读标题 */
  --fs-6xl: 30px;     /* CTA 主句 */
  --fs-7xl: 36px;     /* 分类页 h1 */
  --fs-8xl: 40px;     /* 详情页 h1 */
  --fs-hero: 54px;    /* 首页 h1 */

  /* ── 版式尺寸 ───────────────────────────────────────────────────── */
  --container: 1440px;       /* 设计宽；实际内容栏 = 1440 − 2×gutter */
  --gutter: 50px;
  --header-h: 64px;

  /* ── 形状 ───────────────────────────────────────────────────────── */
  --radius-sm: 6px;
  --radius: 12px;
  --radius-card: 14px;
  --radius-pill: 999px;

  /* ── 阴影（很轻，靠底色分层） ───────────────────────────────────── */
  --shadow-card: 0 18px 40px -34px rgba(42, 33, 29, 0.5);
  --shadow-band: 0 24px 60px -50px rgba(42, 33, 29, 0.6);

  /* ── 动效 ───────────────────────────────────────────────────────── */
  --ease: cubic-bezier(0.2, 0.7, 0.3, 1);
}