/* ============================================================
   贴图生成 · 设计 token
   《设计规范》v1.0（2026-10-10）§2.3 —— 全站唯一一份取值来源。

   改颜色 / 字体 / 圆角只改这里。任何页面里出现规范外的色值、
   圆角或阴影，都是这一层没被用上。
   ============================================================ */

:root {
  /* ── 浅色（默认）── */
  --paper: #FAF7F2;        /* 纸底：页面背景，全站默认 */
  --ink: #171412;          /* 墨：正文、标题、深色块 */
  --ink-sub: #6B6560;      /* 次级：副文、未选中导航 */
  --accent: #C8452A;       /* 朱红：**仅** CTA、当前态、关键链接 */
  --line: #E7DFD4;         /* 发丝线：1px 分割线、边框 */
  --mute: #A89C8E;         /* 弱化：眉标、时间戳、占位符 */
  --band: #F5F0E8;         /* 色带：表头、选中底、标签底 */
  --stage: #F0EBE3;        /* 舞台：次级底色、预览舞台 */

  /* 白卡。规范里没单列，但「白色卡片置于纸底之上」需要一个名字，
     而且它必须和 --paper 一起改，所以留在这一层。 */
  --surface: #FFFFFF;

  /* ── 深色 ──
     只用于三个场景：机制区、登录展示侧、代码块。**不得与浅色混用**：
     浅色区一律 --accent，深色区一律 --dark-accent。 */
  --dark-bg: #171412;
  --dark-line: #2E2722;
  --dark-label: #9C948C;
  --dark-body: #B5ADA4;
  --dark-accent: #E0644A;

  /* ── 字体 ──
     两族分工：衬线给标题与数字，无衬线给正文与界面。
     衬线是这套设计「不像通用 AI 产品」的主要来源，不允许用无衬线替代标题。 */
  --font-serif: "Noto Serif SC", "Songti SC", "SimSun", serif;
  --font-sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;

  /* ── 结构 ── */
  --page-width: 1440px;
  --radius: 0;             /* 全站唯一值。不设第二档。 */
  --line-width: 1px;
  /* 页面内容的左右安全边距。导航行和 `.page-container` 都用它，所以品牌 logo
     和正文的左边缘是对齐的。规范 §2.3 在这里还有一个 `--gutter-app: 32px`
     （「应用外壳：导航 32 / 主内容 56」），**已删掉** —— 用了它导航就会比正文
     宽出 24px，两个盒子对不齐。见 shared.css 的 `.nav-inner`。 */
  --gutter-marketing: 56px;
  --gutter-doc: 64px;      /* 文档页正文列的内边距（§4.2） */

  /* ── 导航高度（§6.1 / §6.2）── */
  --nav-h-marketing: 76px;
  --nav-h-app: 72px;

  /* ── 安全区（刘海屏 / 底部横条）── */
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);

  /* ── 动效 ──
     规范没定义动效，但界面不能没有过渡。只保留两条，且都不产生位移 ——
     位移是「投影 + 浮起」那套语言的一部分，已经随投影一起删掉了。 */
  --ease: cubic-bezier(0.32, 0.72, 0.24, 1);
  --t-fast: 0.15s var(--ease);
  --t-med: 0.28s var(--ease);

  /* ── 焦点 ──
     规范 §6.4 的聚焦态是「1px 墨色描边替换发丝线，不加发光」。
     键盘焦点用同一套语言，只是加粗到 2px 才看得见。 */
  --focus-ring: 2px solid var(--ink);
  --focus-offset: 2px;

  /* ── 层级 ──
     没有 box-shadow，层级只靠底色深浅 / 发丝线 / 深色块反转。
     z-index 是另一回事（浮层之间仍要排队），这里收成一份阶梯。
     **`.report-overlay` 必须高于 `.imgpreview-overlay`**：举报框就是从
     图片预览里点出来的，低了会弹在预览后面 —— 点了没反应，DOM 里却查得到。 */
  --z-nav: 100;
  --z-dropdown: 200;
  --z-skip: 300;
  --z-top: 350;
  --z-workbench: 400;
  --z-lightbox: 600;
  --z-preview: 650;
  --z-report: 700;
  --z-toast: 700;
  --z-modal: 800;
  --z-admin: 1200;
}