/* tokens.css — 消防员题库设计变量（唯一来源）
   语义变量由设计系统定义；--fs-* / --r-* 是内页要复用的字号阶与圆角阶。
   修改这里等于改全站，改完要重跑首页 compare 与三页截图。 */
:root {
  /* ── 底色与面 ───────────────────────────────────────────── */
  --paper: #ffffff;              /* 主背景（纸白） */
  --surface: #f7f8fa;            /* 次级面板（分类卡、最新整理面板、折叠条） */
  --surface-2: #fdf1f0;          /* 粉色提示带（三步备考、文章提示框） */
  --navy: #28344a;               /* 页脚深墨蓝 */
  --navy-2: #34435f;             /* 页脚深墨蓝浅一档 */
  --hero-base: #961b15;          /* hero 兜底底色（照片未加载时） */
  --hero-shade: rgba(124, 13, 9, .95);  /* hero 左向渐变遮罩 */

  /* ── 文字 ───────────────────────────────────────────────── */
  --ink: #1b1d24;                /* 正文主色 */
  --ink-2: #414655;              /* 次级正文 */
  --muted: #6e7480;              /* 元信息、说明 */
  --on-dark: #ffffff;            /* 深底上的文字 */
  --on-dark-soft: rgba(255, 255, 255, .78);
  --ink-invert: #ffffff;         /* 强调底上的文字（按钮/标签内） */

  /* ── 强调色 ─────────────────────────────────────────────── */
  --red: #d6202a;                /* 消防红：按钮、竖条、序号、标签 */
  --red-dark: #b0151e;           /* 红按钮 hover */
  --red-soft: #fbe4e4;           /* 浅红分隔/描边 */
  --yellow: #ffd43b;             /* hero 标题第二行与下划线 */

  /* ── 线条 ───────────────────────────────────────────────── */
  --line: #e8eaee;               /* 常规分隔线、卡片描边 */
  --line-strong: #d7dbe2;        /* 控件描边 */
  --line-soft: rgba(232, 234, 238, .9);

  /* ── 版心与间距 ─────────────────────────────────────────── */
  --wrap: 1440px;                /* 1440 视口下内容宽 1350（左右各 45px 内边距） */
  --gap: 24px;
  --header-h: 80px;

  /* ── 圆角阶 ─────────────────────────────────────────────── */
  --r-1: 2px;
  --radius-sm: 4px;              /* 按钮、标签、缩略图 */
  --radius: 6px;                 /* 卡片、面板 */
  --radius-pill: 999px;          /* 筛选 chip */
  --r-circle: 50%;

  /* ── 阴影 ───────────────────────────────────────────────── */
  --shadow-card: 0 1px 2px rgba(20, 24, 40, .04);
  --shadow-hover: 0 6px 18px rgba(20, 24, 40, .08);
  --shadow-btn: 0 2px 6px rgba(214, 32, 42, .18);

  /* ── 字号阶（内页复用；升序，14–17 是正文与卡片标题的主区间） ── */
  --fs-1: 12px;
  --fs-2: 12.5px;
  --fs-3: 13px;
  --fs-4: 13.5px;
  --fs-5: 14px;
  --fs-6: 15px;
  --fs-7: 15.5px;
  --fs-8: 16px;
  --fs-9: 17px;
  --fs-10: 19px;
  --fs-11: 20px;
  --fs-12: 21px;
  --fs-13: 23px;
  --fs-14: 25px;
  --fs-15: 26px;
  --fs-16: 28px;
  --fs-17: 32px;
  --fs-18: 36px;
  --fs-19: 38px;
  --fs-20: 62px;

  /* ── 字体 ───────────────────────────────────────────────── */
  --font-sans: 'PingFang SC','Microsoft YaHei','Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --font-num: "DIN Alternate", "Helvetica Neue", Arial, var(--font-sans);
}