/* tokens.css — 胶片相机设计变量（语义命名，唯一来源）
   原手工定义来自 03-ui/ui-spec.md；site-design-system 抽取后补齐字号阶与遮罩色。
   页面只引用变量，不写死色值。 */

:root {
  /* ---------- 色彩 ---------- */
  --paper: #f5f0e4;              /* 页面底 */
  --paper-raised: #fbf7ee;       /* 卡片 / 表格底 */
  --paper-deep: #ebe3d2;         /* 次级底、图层垫色 */
  --ink: #201f1a;                /* 正文与标题 */
  --ink-soft: #46483c;           /* 长文正文 */
  --muted: #6d7060;              /* 注释、日期、图注 */
  --olive: #1e3a2b;              /* 主色：表头、强调、筛选选中 */
  --olive-deep: #152a1f;         /* 页脚底色、深压底 */
  --olive-soft: #dfe6db;         /* 浅强调底 */
  --brick: #a33b2c;              /* 唯一行动色：主按钮、序号 */
  --brick-deep: #86301f;         /* 主按钮 hover */
  --brick-soft: #f0dfd6;         /* 行动色浅底 */
  --accent-hero: #e0745c;        /* hero 标题句点（深底上提亮） */
  --line: #dad2bf;               /* 1px 分隔线 */
  --line-strong: #c4baa2;        /* 强分隔、描边 */
  --white: #fdfbf5;
  --shade: rgba(18, 26, 19, 0.72); /* 图片压暗遮罩 */

  /* ---------- 字体 ---------- */
  --font-serif: "Noto Serif SC", "Songti SC", "Source Han Serif SC", "SimSun", serif;
  --font-sans: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", "Menlo", "Consolas", "Liberation Mono", monospace;

  /* ---------- 字号阶 ---------- */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.25rem;
  --text-hero: clamp(2.85rem, 5.2vw, 4.4rem);

  /* 语义字号（抽取自页面字面量，内页复用避免 19px/19.5px 漂移） */
  --fs-1: 0.6rem;   /* 目录序号 */
  --fs-2: 0.64rem;  /* 元信息、眉标 */
  --fs-3: 0.65rem;  /* 表注 */
  --fs-4: 0.66rem;  /* 卡片 meta、图注 */
  --fs-5: 0.68rem;  /* 面包屑、统计 */
  --fs-6: 0.8rem;   /* 卡片摘要（小） */
  --fs-7: 0.85rem;  /* 目录链接 */
  --fs-8: 0.98rem;  /* 列表标题 */
  --fs-9: 1rem;     /* 分类卡标题 */
  --fs-10: 1.02rem; /* 长文正文 */
  --fs-11: 1.04rem; /* 列表卡标题 */
  --fs-12: 1.08rem; /* 子分类标题 */
  --fs-13: 1.1rem;  /* 卡片标题 */
  --fs-14: 1.14rem; /* 文章导语 */
  --fs-15: 1.32rem; /* 相关阅读标题 */
  --fs-16: 1.5rem;  /* 列表说明 h2 */

  /* ---------- 圆角 / 阴影 ---------- */
  --radius: 2px;
  --radius-lg: 3px;
  --r-1: var(--radius-lg);
  --r-2: var(--radius);
  --r-3: 50%;
  --shadow-1: var(--shadow-soft);

  /* ---------- 尺寸与节奏 ---------- */
  --container: 1280px;
  --container-narrow: 920px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --section-gap: clamp(3.25rem, 6.5vw, 5.5rem);

  /* ---------- 动效与层叠 ---------- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 240ms;
  --shadow-soft: 0 10px 30px -20px rgba(32, 31, 26, 0.34);
  --shadow-lift: 0 18px 44px -26px rgba(32, 31, 26, 0.42);
  --z-header: 50;
  --z-menu: 60;
}