/* ============================================================
   知之书舍 · 设计令牌
   方向：自然有机 · 温暖纸质
   展示字：霞鹜文楷（LXGW WenKai，楷体适配拼音读物）
   正文：思源黑体（Noto Sans SC）
   配色比例：米纸底 60% / 松绿辅助 30% / 柿橙强调 10%
   ============================================================ */
:root {
  /* 颜色 —— 暖调纸色体系 */
  --color-bg: #FAF6EE;            /* 米纸底 */
  --color-surface: #FFFDF7;       /* 卡片面 */
  --color-text: #3B332A;          /* 暖调近黑，主文字 */
  --color-muted: #6B5E50;         /* 次级文字（对 bg 对比 ≥ 4.5:1） */
  --color-accent: #B04A1E;        /* 柿橙：仅用于关键动作与点睛 */
  --color-deep: #2F4B3C;          /* 松绿：阶梯区块底色 */
  --color-deep-text: #F2EDE2;     /* 松绿底上的浅字 */
  --color-line: rgba(59, 51, 42, 0.16);
  --color-tape: rgba(176, 74, 30, 0.22);  /* 和纸胶带装饰 */

  /* 字阶（1.25 模块化比例） */
  --font-display: "LXGW WenKai", "Kaiti SC", "STKaiti", "楷体", serif;
  /* 正文走系统字体栈：不下载网络字体，国内首屏更快，也不依赖境外 CDN */
  --font-body: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;
  --fs-hero: clamp(44px, 6vw, 76px);
  --fs-h2: clamp(28px, 3.4vw, 40px);
  --fs-h3: 20px;
  --fs-body: 16px;
  --fs-small: 13px;
  --lh-body: 1.8;
  --track-body: 0.02em;

  /* 间距梯度 */
  --space-1: 4px; --space-2: 8px; --space-3: 16px; --space-4: 24px;
  --space-5: 40px; --space-6: 64px; --space-7: 96px;

  /* 圆角与阴影（三级，带环境色） */
  --radius-sm: 6px; --radius-md: 14px; --radius-lg: 26px;
  --shadow-1: 0 2px 8px rgba(59, 51, 42, 0.08);
  --shadow-2: 0 8px 28px rgba(59, 51, 42, 0.12);
  --shadow-3: 0 24px 64px rgba(47, 75, 60, 0.18);

  /* 动效 */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 160ms; --dur-base: 320ms; --dur-slow: 640ms;
}