/* ============================================================
   阅古留痕 · 国风设计 Token（Design Tokens）
   规则：所有颜色/间距/字号均走 Token，禁止硬编码（P0-3 例外仅 #fff/#000）
   国风书卷气：米色宣纸底 + 朱砂红强调 + 鎏金点缀
   ============================================================ */

:root {
  /* —— 色彩：背景层 —— */
  --c-paper:        #F5EFE0;  /* 宣纸米色主背景 */
  --c-paper-2:      #EFE6D2;  /* 次级纸面（卡片/面板） */
  --c-paper-3:      #E7DCC2;  /* 凹陷/分隔底 */
  --c-scroll:       #FBF6EA;  /* 卷轴亮面 */

  /* —— 色彩：墨色文字 —— */
  --c-ink:          #2B2620;  /* 浓墨（主文字） */
  --c-ink-soft:     #5A5145;  /* 淡墨（次要文字） */
  --c-ink-faint:    #8A7F6D;  /* 飞白（禁用/占位） */

  /* —— 色彩：强调 —— */
  --c-seal:         #9E2B25;  /* 朱砂红（主按钮/重点） */
  --c-seal-soft:    #C0473F;  /* 浅朱砂（hover） */
  --c-gold:         #B8893A;  /* 鎏金（点缀/标题线） */
  --c-gold-soft:    #D8B36A;  /* 浅金 */
  --c-jade:         #4E7A5E;  /* 竹青（成功/已完成） */
  --c-line:         #D8CBAE;  /* 描边线 */

  /* —— 朝代时间轴节点色（无紫粉，均暖/自然色） —— */
  --c-dyn-xianqin:  #8C6A3F;  /* 先秦·褐 */
  --c-dyn-han:      #9E2B25;  /* 汉文·朱 */
  --c-dyn-wei:      #4E7A5E;  /* 魏晋·竹青 */
  --c-dyn-tang:     #C0892F;  /* 唐代·金 */
  --c-dyn-song:     #3F6E8C;  /* 宋代·石青 */
  --c-dyn-ming:     #6B8E5A;  /* 明清·橄榄 */

  /* —— 字号（响应式以 rem 为基，正文偏大护眼） —— */
  --fs-title:   2.4rem;   /* 主标题（书法体） */
  --fs-h2:      1.5rem;
  --fs-h3:      1.15rem;
  --fs-body:    1.05rem;  /* 正文 */
  --fs-small:   0.9rem;
  --fs-xiao:    0.8rem;   /* 小注 */

  /* —— 间距 —— */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px;

  /* —— 圆角 —— */
  --r-sm: 6px; --r-md: 12px; --r-lg: 20px;

  /* —— 阴影（柔和宣纸投影，无发光边框套路） —— */
  --sh-card: 0 2px 10px rgba(43,38,32,0.08);
  --sh-pop:  0 10px 40px rgba(43,38,32,0.18);

  /* —— 字体族 —— */
  --font-kai:   "Kaiti SC", "STKaiti", "KaiTi", "楷体", serif;          /* 书法/标题 */
  --font-serif: "Noto Serif SC", "Songti SC", "SimSun", "宋体", serif;  /* 正文宋 */
  --font-sans:  system-ui, "PingFang SC", "Microsoft YaHei", sans-serif;
}