/* tokens.css — 机械表 · 设计变量单一来源
 *
 * 生成方式：site-design-system/extract.mjs 抽取后人工整理（去掉自动汇总中重复的
 * --r-1/--shadow-1 自引用与无语义的形状圆角，补充语义命名）。
 * 首页自身在 css/style.css 的 :root 中保留同一组变量；内页必须 <link> 本文件，
 * 新增颜色/字号/圆角前先确认这里没有可复用的语义变量。
 */

:root {
  /* ── 背景与表面 ───────────────────────────────────────────── */
  --bg: #0d1420;                    /* 页面底色（近黑蓝） */
  --bg-deep: #0a1019;               /* 页脚等更深的通栏底色 */
  --surface: #141d2b;               /* 卡片、面板 */
  --surface-2: #1a2434;             /* 卡片 hover / 次级面板 */
  --surface-3: #202c3e;             /* 形状、标签内的实心块 */
  --surface-sunken: #101827;        /* 分类卡渐变末端 */
  --shade: rgba(13, 20, 32, 0.86);  /* 吸顶导航的半透明遮罩 */

  /* 兼容 style.css 的既有命名（同一值，勿重复定义新颜色） */
  --panel: var(--surface);
  --panel-2: var(--surface-2);
  --panel-3: var(--surface-3);

  /* ── 文字 ─────────────────────────────────────────────────── */
  --ink: #efeae1;                   /* 主文字 */
  --ink-alt: #fbf7ee;               /* hero 标题渐变起点 */
  --ink-invert: #ffffff;            /* 选中态文字（深底上的反白） */
  --muted: #9aa3b1;                 /* 正文说明、摘要 */
  --muted-2: #7c8595;               /* 页脚免责等最弱一级 */
  --ink-body: #d9dde3;              /* 内页长文正文（比主文字柔，长时间阅读不刺眼） */

  /* ── 强调色与描边 ─────────────────────────────────────────── */
  --accent: #c8a96b;                /* 暖金：编号、细线、当前项 */
  --accent-soft: #e3cf9e;           /* 标题渐变终点、链接 hover */
  --accent-deep: #a98a4e;           /* 标题渐变末端 */
  --line: rgba(200, 169, 107, 0.22);   /* 金色分隔线 / 卡片描边 */
  --line-soft: rgba(239, 234, 225, 0.1); /* 中性细分隔线 */
  --line-faint: rgba(200, 169, 107, 0.1); /* 最弱的区块描边 */
  --tint: rgba(200, 169, 107, 0.04);      /* 表格行 hover 的极浅色 */

  /* ── 尺寸与栅格 ───────────────────────────────────────────── */
  --wrap: 1200px;                   /* 1440 下的内容栏宽度 */
  --gutter: 32px;                   /* 容器左右边距（≤900 时 22px） */

  /* ── 圆角与阴影 ───────────────────────────────────────────── */
  --r-1: 2px;                       /* 卡片、表头、按钮 */
  --r-pill: 999px;                  /* chip / 胶囊按钮 */
  --r-round: 50%;                   /* 圆形表壳图形 */
  --shadow-1: 0 18px 40px rgba(0, 0, 0, 0.35); /* 浮起卡片与首屏图 */

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

  /* ── 字号阶（13 → 88，桌面；≤900 在 style.css 内整体下调） ── */
  --fs-1: 13px;   /* 导航、标签、脚注 */
  --fs-2: 15px;   /* 正文 */
  --fs-3: 17px;   /* 卡片摘要、导语 */
  --fs-4: 20px;   /* 卡片标题、表头 */
  --fs-5: 26px;   /* 区块副标题 */
  --fs-6: 34px;   /* 区块 h2 */
  --fs-7: 46px;   /* 大标题（预留） */
  --fs-8: 64px;   /* 移动端 h1 */
  --fs-9: 88px;   /* 桌面 h1 */
}