/* =====================================================================
 * tokens.css —— 主题变量（颜色 / 字体 / 尺寸 / 动效）
 * 想整体换配色：只改这里的颜色即可，其余 CSS 全部引用这些变量。
 * （注意：assets/ 里的 SVG 美术颜色是写死在图片里的，换主色时请参考
 *   技术文档「更换主题色」一节批量替换 SVG 中的色值。）
 * ===================================================================== */
:root {
  /* ---- 底色（墨青） ---- */
  --c-bg: #020c0d;          /* 最深背景 */
  --c-bg-2: #041012;        /* 次级背景 */
  --c-bg-3: #0a1b1d;        /* 卡片 / 面板 */
  --c-panel: rgba(6, 24, 26, .78);

  /* ---- 主题青色 ---- */
  --c-primary: #2ee5d1;     /* 主色：按钮、强调 */
  --c-primary-rgb: 46, 229, 209;
  --c-rim: #5ff2df;         /* 描边 / 轮廓光 */
  --c-glow: #9ffbf0;        /* 高光 / 发光 */
  --c-pale: #bff7ef;        /* 浅青文字 */
  --c-on-primary: #021413;  /* 主色按钮上的文字颜色 */

  /* ---- 文字 ---- */
  --c-text: #eaf4f1;
  --c-muted: #8fb5b1;
  --c-dim: #5b7f7b;

  /* ---- 线条 ---- */
  --c-line: rgba(95, 242, 223, .16);
  --c-line-2: rgba(95, 242, 223, .32);
  --c-line-3: rgba(95, 242, 223, .6);

  /* ---- 点缀：朱砂红（印章） ---- */
  --c-seal: #d8453b;

  /* ---- 字体 ---- */
  --f-cal: 'Ma Shan Zheng', 'STXingkai', 'KaiTi', 'STKaiti', serif;       /* 书法：大标题、装饰字 */
  --f-serif: 'Noto Serif SC', 'Source Han Serif SC', 'Songti SC', 'SimSun', serif; /* 标题 */
  --f-en: 'Rajdhani', 'DIN Alternate', 'Arial Narrow', sans-serif;       /* 英文标签、数字 */
  --f-wide: 'Michroma', 'Rajdhani', sans-serif;                           /* 超大英文装饰字 */
  --f-body: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'Noto Sans SC', 'Source Han Sans SC', sans-serif;

  /* ---- 布局 ---- */
  --header-h: 76px;
  --rail-w: 64px;
  --gutter: clamp(20px, 4vw, 80px);          /* 内容区左右留白（不含侧栏） */
  --cut: 14px;                                /* 切角尺寸 */

  /* ---- 动效 ---- */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-io: cubic-bezier(.77, 0, .18, 1);
  --page-dur: 1s;                             /* 整屏翻页时长（需与 fullpage.js 中保持一致） */
}

@media (max-width: 1023px) {
  :root {
    --header-h: 60px;
    --rail-w: 0px;
    --gutter: 20px;
    --cut: 10px;
  }
}