/* ============================================================
   tokens.css — 设计令牌：颜色 / 字阶 / 间距 / 圆角 / 阴影 / 动效
   方向：暗夜编辑风（Dark Editorial）
   主色：暖调近黑墨底；强调色：中式朱红 #C3272B（非亮橙红）
   ============================================================ */

:root {
  /* 色彩 —— 语义别名，组件内禁止硬编码 */
  --color-bg:        #0e0d0c;
  --color-surface:   #161412;
  --color-surface-2: #1d1a16;
  --color-text:      #f2ede3;
  --color-muted:     #9d968b;
  --color-faint:     #6b655d;
  --color-accent:    #c3272b;            /* 朱红：深、沉、不刺眼 */
  --color-accent-hi: #e04549;            /* 朱红亮态：悬停 / 描边 */
  --color-accent-dim: rgba(195, 39, 43, 0.14);
  --color-border:    rgba(242, 237, 227, 0.12);
  --color-border-soft: rgba(242, 237, 227, 0.07);

  /* 字体族 */
  --font-display-latin: "Cormorant Garamond", "Noto Serif SC", serif;
  --font-display: "Noto Serif SC", "Cormorant Garamond", "Songti SC", serif;
  --font-body: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;

  /* 字阶 —— 1.25 模块比例（桌面），移动端正文中一档 */
  --fs-hero:   clamp(2.6rem, 7.2vw, 6.4rem);
  --fs-h2:     clamp(2rem, 4.6vw, 3.6rem);
  --fs-h3:     clamp(1.6rem, 3vw, 2.4rem);
  --fs-lead:   clamp(1.05rem, 1.5vw, 1.3rem);
  --fs-body:   1.05rem;
  --fs-small:  0.85rem;
  --fs-mono:   0.78rem;
  --fs-giant:  clamp(6rem, 18vw, 17rem);   /* 年代巨数 */
  --fs-footer: clamp(3rem, 10vw, 9rem);    /* 页脚巨字 */

  /* 间距梯度 4 / 8 / 16 / 24 / 40 / 64 / 96 */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;
  --space-7: 96px;
  --section-pad: clamp(80px, 12vw, 160px);

  /* 圆角 */
  --radius-sm: 4px;
  --radius-md: 10px;

  /* 阴影（带暖色环境，不用纯黑） */
  --shadow-1: 0 2px 8px rgba(0, 0, 0, 0.28);
  --shadow-2: 0 8px 28px rgba(0, 0, 0, 0.36);
  --shadow-3: 0 24px 64px rgba(0, 0, 0, 0.46);
  --shadow-accent: 0 8px 40px rgba(195, 39, 43, 0.22);

  /* 动效 */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 160ms;
  --dur-base: 320ms;
  --dur-slow: 720ms;

  /* 布局 */
  --content-max: 1280px;
  --reading-max: 44rem;   /* 正文行长 ≤ 40 个中文字符 */
  --nav-h: 72px;
}