/* tokens.css — 莽山烙铁头蛇知识大全唯一的设计变量来源
   语义色与字体气质取自 03-ui/home-ui-desktop.png；内页必须通过 <link> 引用本文件，
   不另写颜色字面量。 */
:root {
  /* ---------------------------------------------------------- 纸面与墨色 */
  --paper: #faf4e6;          /* 页面底色：暖米纸面 */
  --paper-2: #f4edda;        /* 分布速览、收录说明的浅米绿块 */
  --paper-3: #ebebd2;        /* 安全提示的浅灰绿块 */
  --paper-card: #fcf8f0;     /* 卡片底：比纸面略亮 */
  --ink: #23281a;            /* 主文字：近黑墨绿 */
  --ink-soft: #575c46;       /* 次级文字：导语、卡片描述 */
  --muted: #82856d;          /* 弱化文字：元信息、页脚说明 */
  --ink-invert: #f7f2e2;     /* 深色块上的文字 */

  /* ---------------------------------------------------------- 强调色 */
  --brand: #2c3a1e;          /* 深墨绿：页脚、按钮、标签 */
  --brand-deep: #1f2a14;     /* 深色块渐变与标题强调 */
  --accent: #5c7a3c;         /* 苔绿：图标、栏头短线、链接 */
  --accent-deep: #40562a;    /* hover 与描边 */
  --accent-soft: #dde5c8;    /* 当前导航胶囊、标签浅底 */
  --danger: #a63a2a;         /* 安全提示图标与序号（仅此一处） */

  /* ---------------------------------------------------------- 分隔与阴影 */
  --line: #e2dac6;           /* 卡片描边、区块横线 */
  --line-strong: #cfc5ab;    /* 箭头、强调分隔 */
  --shadow: 0 6px 18px rgba(44, 58, 30, 0.05);

  /* ---------------------------------------------------------- 字体 */
  --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: 10.5px;   /* 页脚版权、标签 */
  --fs-2: 11px;     /* 副标、元信息 */
  --fs-3: 11.5px;   /* 卡片描述、收录说明 */
  --fs-4: 12px;     /* 关键词标签、按钮 */
  --fs-5: 12.5px;   /* 精选摘要、表格说明 */
  --fs-6: 13px;     /* 栏头导语、统计标签 */
  --fs-7: 13.5px;   /* 分类卡描述、安全说明 */
  --fs-8: 14px;     /* 导航、正文小字 */
  --fs-9: 15px;     /* 首屏导语、数据带值 */
  --fs-10: 16px;    /* 正文段落 */
  --fs-11: 17px;    /* 精选卡标题 */
  --fs-12: 18px;    /* 长文入口标题（窄屏） */
  --fs-13: 20px;    /* 页脚站名 */
  --fs-14: 22px;    /* 长文入口标题 */
  --fs-15: 26px;    /* 区块 h2 / 首屏副标 */
  --fs-16: 28px;    /* 品牌字标 */
  --fs-17: 34px;    /* 平板 h1 */
  --fs-18: 42px;    /* 文章 h1 */
  --fs-19: 62px;    /* 桌面首屏 h1 */

  /* ---------------------------------------------------------- 形状与布局 */
  --r-1: 10px;               /* 卡片圆角 */
  --r-2: 14px;               /* 大色块圆角 */
  --r-pill: 999px;           /* 胶囊按钮 */
  --content: 1328px;         /* 1440 视口下左右各留 56px */
  --gap: 24px;               /* 精选卡、区块间距 */
}