/* ==========================================================================
   tokens.css — 设计令牌（唯一来源）
   规则：1 个主色 + 中性灰阶 / 3 级字号 / 统一节奏与缓动
   ========================================================================== */

:root {
  /* ---- 颜色：主色 1 个（朱砂），其余全为中性 ---------------------------------- */
  --accent: #9e3b2c;          /* 唯一主色，仅用于编号、下划线、箭头等极小面积 */
  --accent-soft: #b8564a;     /* 主色的浅调，仅用于 hover 微调 */

  --paper: #f6f4ef;           /* 纸白：页面底色 */
  --paper-2: #efece5;         /* 次底：图片占位、选中态 */
  --white: #ffffff;

  --ink: #111111;             /* 主文字 / 标题 */
  --ink-2: #3a3733;           /* 次文字 */
  --ink-3: #6f6b64;           /* 说明文字 */
  --ink-4: #9a968e;           /* 仅装饰：箭头、圆点、分隔，不做正文 */

  --rule: #ded9d0;            /* 发丝线：常规分隔 */
  --rule-2: #c9c5bc;          /* 发丝线：强调分隔 */

  /* ---- 字体：本地 / system stack，无 CDN ------------------------------------ */
  --font-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif CN",
    "Songti SC", "STSong", "SimSun", "Nimbus Roman", Georgia, "Times New Roman", serif;
  --font-sans: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB",
    "Noto Sans CJK SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;

  /* ---- 字号：只有 3 级 ------------------------------------------------------ */
  --fs-display: clamp(2.25rem, 5.6vw, 5rem);  /* 36 → 76 */
  --fs-body: clamp(0.9375rem, 0.22vw + 0.88rem, 1.0625rem); /* 15 → 17 */
  --fs-meta: clamp(0.6875rem, 0.1vw + 0.68rem, 0.75rem);    /* 11 → 12 */

  /* ---- 版式 ----------------------------------------------------------------- */
  --max-width: 1600px;
  --gutter: clamp(1.25rem, 4vw, 4rem);
  --col-gap: clamp(0.75rem, 1.5vw, 1.5rem);
  --section-y: clamp(3.5rem, 7vw, 7rem);
  --hair: 1px;

  /* ---- 动效：慢、克制 ------------------------------------------------------- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 240ms;
  --dur: 480ms;
  --dur-slow: 900ms;
  --dur-image: 1200ms;
}

@media (min-width: 1440px) {
  :root {
    --gutter: 5rem;
  }
}