/* ============================================================
   纸上春秋 · 设计令牌（Design Tokens）
   所有颜色 / 字体 / 阴影集中在此，是全局样式的唯一数据源。
   明暗主题通过 [data-theme] 切换令牌值实现。
   ============================================================ */
:root {
  /* —— 需求指定的核心令牌 —— */
  --color-paper: #f5f0e8;                                    /* 宣纸米白（页面底色） */
  --color-ink: #2c2a28;                                      /* 墨色（正文） */
  --color-accent: #c0392b;                                   /* 朱红（点缀） */
  --font-serif: 'Klee One', serif;                           /* 正文衬线 */
  --font-handwriting: 'ZCOOL KuaiLe', cursive;               /* 标题手写体 */
  --shadow-paper: 0 4px 20px rgba(0, 0, 0, 0.08);            /* 纸感投影 */

  /* —— 扩展令牌 —— */
  --color-paper-deep: #ece3d1;        /* 略深纸色（代码块底） */
  --color-paper-card: rgba(255, 255, 255, 0.55);  /* 卡片纸色（半透明） */
  --color-ink-soft: #6b6459;          /* 淡墨 */
  /* 浅墨：WCAG AA 达标值（纸底 #f5f0e8 上 ≈4.65:1，旧值 #a89f8d 仅 2.3:1 不达标） */
  --color-ink-faint: #736b5d;
  --color-accent-deep: #93261c;       /* 深朱红（hover） */
  --color-line: rgba(120, 95, 60, 0.25);         /* 泛黄墨线 */
  --font-calligraphy: 'Ma Shan Zheng', 'Kaiti SC', 'KaiTi', serif;  /* 引用书法体 */
  --font-deco: 'Liu Jian Mao Cao', 'Kaiti SC', cursive;             /* 装饰大字 */
  --shadow-lift: 0 14px 32px rgba(74, 62, 38, 0.16);  /* 悬停投影 */
  --hero-gap: 2rem;              /* 英雄区主内容与「向下翻阅」的最小间距 */
  --radius: 12px;
  --nav-h: 64px;
  --page-max: 1080px;
  --ease-ink: cubic-bezier(0.2, 0.7, 0.3, 1);
}

/* —— 夜间模式：墨夜纸白 ——
   只替换令牌值，所有组件自动换肤，无需逐个修改 */
[data-theme='dark'] {
  --color-paper: #211f1c;             /* 墨夜底色 */
  --color-paper-deep: #2a2723;
  --color-paper-card: rgba(255, 255, 255, 0.04);
  --color-ink: #e8dfc9;               /* 纸白文字 */
  --color-ink-soft: #b5ab92;
  /* 夜间浅墨：墨夜底 #211f1c 上 ≈5.24:1，旧值 #857c66 仅 3.9:1 不达标 */
  --color-ink-faint: #9a917a;
  --color-accent: #d14a3a;            /* 夜间朱红提亮 */
  --color-accent-deep: #e2634f;
  --color-line: rgba(224, 204, 164, 0.18);
  --shadow-paper: 0 4px 20px rgba(0, 0, 0, 0.45);
  --shadow-lift: 0 14px 32px rgba(0, 0, 0, 0.5);
}

/* 主题切换时颜色平滑过渡 */
html, body {
  transition: background-color 0.4s ease, color 0.4s ease;
}