/* tokens.css — 辐射陆龟物种科普知识的设计变量（唯一来源）
   三页共用；内页只允许引用这里的变量，不得写字面量颜色。
   说明：extract.mjs 只读取 style.css 内的 :root，曾把本文件覆盖为仅有 --gutter 的版本；
   已按视觉稿重新归一为语义命名，并把自动抽取的字号/圆角阶并入。 */

:root {
  /* ---------- 底色层 ---------- */
  --bg: #f6f4ed;              /* 页面底色（米白） */
  --bg-alt: #efeddd;          /* 次级区块 / 数据条 / 卡片 */
  --bg-card: #ecead5;         /* 分类索引块 */
  --bg-scope: #e7e6cc;        /* 说明块 */
  --surface-hover: #f3f1e3;   /* 浅底 hover */

  /* ---------- 墨色层 ---------- */
  --ink: #2c3826;             /* 正文 */
  --ink-soft: #5d6a55;        /* 次要文字 */
  --ink-invert: #f6f4ed;      /* 深底上的文字 */
  --green-900: #374b30;       /* 页头 / 页脚 / 标题 */
  --green-800: #405538;       /* 图标 */
  --green-700: #4c5f41;       /* hover */

  /* ---------- 强调色（全站唯一） ---------- */
  --brass: #b08b4e;           /* 浅底上的金色下划线 / 图标 */
  --brass-soft: #c6ac83;
  --brass-bright: #eec95c;    /* 深底上的金色（当前导航、logo） */

  /* ---------- 线条与遮罩 ---------- */
  --line: rgba(55, 75, 48, 0.14);
  --line-strong: rgba(55, 75, 48, 0.26);
  --line-invert: rgba(246, 244, 237, 0.2);
  --shade: rgba(18, 26, 14, 0.8);      /* 首屏照片压暗遮罩起点 */
  --shade-mid: rgba(18, 26, 14, 0.66);
  --shade-soft: rgba(18, 26, 14, 0.28);

  /* ---------- 字体 ---------- */
  --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: 12.5px;   /* 页脚免责、辅助说明 */
  --fs-2: 13px;     /* 数据条图标旁小字 */
  --fs-3: 13.5px;   /* 精选条目导语、小链接 */
  --fs-4: 14px;     /* 原生地正文 */
  --fs-5: 14.5px;   /* 页脚导航 */
  --fs-6: 15px;     /* 说明块正文 */
  --fs-7: 15.5px;   /* 原生地正文（大字版） */
  --fs-8: 16px;     /* 基础正文 / 分类块标签 / 导航 */
  --fs-9: 16.5px;   /* 区块导语 */
  --fs-10: 17px;    /* 数据值 / 精选条目标题 */
  --fs-11: 18px;    /* 数据条标签 */
  --fs-12: 19px;    /* 首屏正文 */
  --fs-13: 20px;    /* 饲养步骤标题 */
  --fs-14: 21px;    /* 物种档案正文 */
  --fs-15: 23px;    /* 站名 */
  --fs-16: 28px;    /* 区块标题 */
  --fs-17: 46px;    /* 首屏 h1（窄屏） */
  --fs-18: 86px;    /* 首屏 h1（桌面） */

  /* ---------- 圆角 ---------- */
  --r-1: 4px;       /* 焦点框 */
  --r-2: 6px;       /* 按钮 / 小图 */
  --r-3: 8px;       /* 分类块 / 卡片图 */
  --r-4: 10px;      /* 卡片 / 数据条 */
  --r-5: 12px;      /* 饲养三步大卡 */
  --r-pill: 50%;    /* 步骤序号 */

  /* ---------- 间距 ---------- */
  --wrap: 1440px;
  --gutter: 34px;
  --gutter-sm: 24px;
  --gutter-xs: 18px;
  --space-section: 30px;

  /* ---------- 阴影 ---------- */
  --shadow-1: 0 1px 12px rgba(0, 0, 0, 0.35);   /* 仅首屏白字的可读性阴影 */
}