/* ==========================================================================
   tokens.css —— 设计变量唯一事实源
   改配色 / 字号 / 圆角 / 阴影，只改这里，全站跟着变。
   风格基调（2026-11-03 二次改版）：古风私塾 · 淡宣纸 + 茶褐墨 + 云纹匾额。
   参考图取色：纸底接近 #F9F2E1，字与画都是同一支赭褐墨。
   左侧固定栏 + 右侧长滚动的版式保持不变，只换皮肤。
   ========================================================================== */

:root {
  color-scheme: light;

  /* —— 底色（宣纸：整体提亮，卡片/分区逐层加深做旧） —— */
  --paper:       #F9F2E1;
  --paper-2:     #F5EBD5;
  --paper-3:     #EFE2C7;
  --paper-4:     #E7D7B8;

  /* —— 文字（茶褐墨；纸面对比度 ≥ 7:1） —— */
  --ink:         #33261A;
  --ink-2:       #57452F;
  --ink-3:       #6C5943;
  --ink-4:       #99886E;
  --ink-invert:  #FBF4E4;

  /* —— 线条（淡墨，不用纯黑描边） —— */
  --line:        rgba(51, 38, 26, .16);
  --line-strong: rgba(51, 38, 26, .30);
  --line-soft:   rgba(51, 38, 26, .08);

  /* —— 主强调（赭褐，取自参考图题字）——
     历史变量名沿用 --blue*，避免全站改类名；
     --blue      墨褐：文字 / 描边 / 下划线 / 印面；
     --blue-soft 强调色的极浅底（按钮 hover、标签、图标底） */
  --blue:        #7A4A2B;
  --blue-deep:   #5F3719;
  --blue-soft:   rgba(122, 74, 43, .07);
  --blue-tint:   rgba(122, 74, 43, .22);

  /* —— 辅助色（赭石 / 松烟青，做状态点缀，不抢主墨） —— */
  --amber:       #6E4D22;
  --amber-soft:  rgba(110, 77, 34, .10);
  --mint:        #3F5D57;
  --mint-deep:   #2F4A45;
  --mint-soft:   rgba(63, 93, 87, .08);
  --sky:         #47616B;
  --sky-soft:    rgba(71, 97, 107, .08);
  --gold:        #6E4D22;

  /* —— 墨色面板（CTA 收尾块 / 印面） —— */
  --deep:        #33261A;

  --white:       #FDF8EC;

  /* —— 字体：全站统一宋体 ——
     标题、正文、按钮、编号一律宋体，只靠字号/字重/字距分层；
     只用系统自带字体，不引外链字体（离线可用、不拖慢首屏） */
  --ff-sans:  "Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC",
              "SimSun", serif;
  --ff-kai:   "Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC",
              "SimSun", serif;
  --ff-mono:  "Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC",
              "SimSun", serif;

  /* —— 字号（流体，随视口缩放） —— */
  --fs-display: clamp(2rem, 3vw, 2.6rem);
  --fs-h2:      clamp(1.4rem, 2vw, 1.7rem);
  --fs-h3:      1.14rem;
  --fs-lead:    clamp(1.06rem, 1.3vw, 1.16rem);
  --fs-body:    1.06rem;
  --fs-sm:      .98rem;
  --fs-xs:      .86rem;

  /* —— 间距 —— */
  --gap-xs: 8px;
  --gap-sm: 14px;
  --gap-md: 22px;
  --gap-lg: 36px;
  --gap-xl: 56px;
  --section-y: clamp(46px, 6.4vw, 78px);
  --wrap: 1160px;
  --nav-h: 0px;

  /* —— 外壳：左固定栏宽度 / 右内容宽度（页面按需覆盖） —— */
  --rail-w: clamp(260px, 26vw, 380px);
  --content-max: 720px;

  /* —— 圆角（古风偏方，几乎不做圆角） —— */
  --r-sm: 2px;
  --r-md: 3px;
  --r-lg: 4px;
  --r-xl: 4px;
  --r-full: 2px;

  /* —— 阴影（纸上只留很轻的托纸感） —— */
  --shadow-sm: 0 1px 2px rgba(74, 52, 28, .10);
  --shadow-md: 0 12px 26px -20px rgba(74, 52, 28, .38);
  --shadow-lg: 0 22px 46px -26px rgba(74, 52, 28, .42);
  --shadow-accent: 0 10px 24px -16px rgba(122, 74, 43, .30);

  /* —— 动效 —— */
  --ease: cubic-bezier(.22, .61, .36, 1);
  --dur: .4s;
}