/* tokens.css — 香水调香 · 全站唯一变量来源
   首页 index.html、分类页 category.html、详情页 detail.html 共用。
   改名或改值 = 改全站，必须重跑渲染对比。 */

:root {
  /* ---------------------------------------------------------- 颜色：底 */
  --cream: #f2e8db;        /* 页面底色（米白） */
  --cream-2: #f7f0e5;      /* 卡片面 */
  --cream-3: #efe4d4;      /* 浅色面板（配方卡） */
  --dark: #462f1c;         /* 页脚深棕 */
  --hero-1: #2b1a10;       /* 首屏渐变起点 */
  --hero-2: #4a2f1c;       /* 首屏渐变中段 */
  --hero-3: #7d5735;       /* 首屏渐变末端 */

  /* ------------------------------------------------------ 颜色：文字 */
  --ink: #3a2a1e;          /* 主文字 */
  --ink-2: #7c6653;        /* 次要文字 / 说明 */
  --ink-3: #6b5340;        /* 三级文字 / 注记 */
  --ink-4: #5d4838;        /* 导航文字 */
  --ink-warm: #f0dcbe;     /* 深底上的正文 */
  --on-dark: #f3e7d6;      /* 深底上的标题 */
  --ink-invert: #fff;      /* 深底上的强调文字 */
  --ink-paper: #fdf6ec;    /* 实心按钮文字 */

  /* ------------------------------------------------------ 颜色：强调 */
  --accent: #8a4f31;       /* 陶土棕：按钮 / 标签 / 比例条 */
  --accent-hover: #74402a;
  --accent-soft: #c19a63;  /* 次级强调（图标 / 金棕） */
  --accent-line: rgba(138, 79, 49, 0.4);     /* 强调色细线 / 虚线 */
  --accent-line-soft: rgba(138, 79, 49, 0.28);
  --accent-wash: rgba(138, 79, 49, 0.08);    /* 强调色浅底 */

  /* ------------------------------------------------------ 颜色：线 / 遮罩 */
  --line: rgba(58, 42, 30, 0.12);
  --line-strong: rgba(58, 42, 30, 0.22);
  --line-soft: rgba(58, 42, 30, 0.08);
  --line-invert: rgba(243, 231, 214, 0.22);
  --line-invert-soft: rgba(243, 231, 214, 0.08);
  --mask-shade: rgba(0, 0, 0, 0.6);
  --mask-solid: #000;

  /* ---------------------------------------------------------- 字体 */
  --serif: 'Songti SC',SimSun,'Noto Serif SC',Georgia,serif;
  --sans: 'PingFang SC','Microsoft YaHei','Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;

  /* ---------------------------------------------------------- 字号阶 */
  --fs-xs: 10.5px;   /* 页脚版权 / 细注 */
  --fs-sm: 11px;     /* 卡片细注 */
  --fs-s: 11.5px;    /* 卡片说明 */
  --fs-base: 12px;   /* 小字正文 */
  --fs-m: 12.5px;    /* 统计行 / 导航 */
  --fs-md: 13px;     /* 区块导语 */
  --fs-lg: 13.5px;   /* 顶栏导航 */
  --fs-body: 14px;   /* 按钮正文 */
  --fs-lead: 16px;   /* 首屏正文 */
  --fs-h4: 17px;     /* 条目标题 */
  --fs-h3: 19px;     /* 卡片标题 */
  --fs-h2: 30px;     /* 区块标题 */
  --fs-h2-lg: 34px;  /* 居中区块标题 */
  --fs-h1-sm: 46px;  /* 小屏 h1 */
  --fs-h1: 58px;     /* 首屏 h1 */

  /* ---------------------------------------------------------- 圆角 */
  --r-xs: 2px;
  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 8px;
  --r-xl: 10px;
  --r-pill: 999px;
  --r-leaf: 50% 50% 50% 2px;
  --r-bleed-right: 0 8px 8px 0;

  /* ---------------------------------------------------------- 阴影 / 尺寸 */
  --shadow-1: 0 12px 24px rgba(58, 42, 30, 0.12);
  --wrap: 1320px;
  --gutter: 60px;
  --section-y: 30px;
}