/* tokens.css — 蝮蛇资料库唯一的设计变量来源（人工语义化命名，勿被 extract.mjs 覆盖后直接采信）。
   语义色与字体气质取自 03-ui/home-ui-desktop.png（量稿见 03-ui/compare-log.md），
   三页通过 <link> 引用本文件，不另写颜色字面量。 */
:root {
  /* ---------------------------------------------------------- 纸面与墨色 */
  --paper: #ede8e2;          /* 页面底色：暖米纸面 */
  --paper-2: #f4f1eb;        /* 精选条目区：略亮的纸面 */
  --paper-3: #f5e5cd;        /* 急救要点：暖砂色块 */
  --surface: #faf7f2;        /* 卡片底 */
  --ink: #20241b;            /* 主文字：近黑墨绿 */
  --ink-soft: #4c4f3f;       /* 次级文字：导语、卡片描述 */
  --muted: #74725f;          /* 弱化文字：元信息、页脚说明 */
  --ink-invert: #f6f2e6;     /* 深色块上的文字 */
  --ink-on-accent: #26310f;  /* 浅金按钮上的文字 */
  --ink-emergency: #4a4232;  /* 急救块正文：暖褐 */

  /* ---------------------------------------------------------- 强调色 */
  --brand: #213723;          /* 深墨绿：页头、页脚、标签胶囊、筛选选中 */
  --brand-deep: #18291a;     /* 深色块渐变与标题 */
  --accent: #f0d793;         /* 浅金：主按钮、栏头短线 */
  --accent-soft: #dde6ce;    /* 计数胶囊、标签浅底 */
  --accent-deep: #3d5a33;    /* 链接与 hover */
  --tag-bg: #2f4a2b;         /* 精选卡标签胶囊底 */
  --tag-ink: #f4ecd4;        /* 精选卡标签胶囊文字 */
  --danger: #8c3b28;         /* 仅用于急救提示的强调 */

  /* ---------------------------------------------------------- 分隔与阴影 */
  --line: #ddd6c9;           /* 发丝分隔线 */
  --line-2: #cfc7b7;         /* 卡片描边、箭头 */
  --shadow: 0 10px 28px rgba(33, 55, 35, 0.06);
  --shadow-hover: 0 14px 26px rgba(33, 55, 35, 0.09);
  --shade-hero: rgba(24, 41, 26, 0.97);   /* 首屏左侧压暗起手 */
  --shade-hero-mid: rgba(24, 41, 26, 0.9);
  --shade-hero-end: rgba(24, 41, 26, 0);  /* 渐隐到照片 */
  --on-brand-72: rgba(246, 242, 230, 0.78);
  --on-brand-55: rgba(246, 242, 230, 0.55);
  --on-brand-14: rgba(246, 242, 230, 0.14);

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

  /* ---------------------------------------------------------- 字号阶 */
  --fs-1: 54px;   /* hero h1 */
  --fs-2: 40px;   /* 内页 h1 / 区块 h2 */
  --fs-3: 30px;   /* 详情 h1 */
  --fs-4: 26px;   /* 次级标题 */
  --fs-5: 21px;   /* 卡片标题 */
  --fs-6: 17px;   /* 正文基准 */
  --fs-7: 15px;
  --fs-8: 13px;
  --fs-9: 12px;
  --fs-10: 11px;

  /* ---------------------------------------------------------- 版式 */
  --content: 1360px;
  --gap: 24px;
  --radius: 12px;
  --radius-sm: 8px;
  --radius-card: 14px;
  --radius-pill: 999px;
  --header-h: 76px;
}