/* ══════════════════════════════════════════════════════════════
   驴火装机 · 设计 Token（全站唯一来源，所有页面/组件必须消费这些变量）
   规范：间距 4px 基数 / 字号 modular scale 1.25 / 暖中性色 / 圆角与阴影分级
   ══════════════════════════════════════════════════════════════ */
:root {
  /* 间距（4px 基数，禁止随手值） */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px; --sp-12: 48px;

  /* 字号（1.25 模数） */
  --fs-xs: 12px; --fs-sm: 13px; --fs-base: 14px; --fs-md: 16px;
  --fs-lg: 20px; --fs-xl: 25px; --fs-2xl: 31px; --fs-3xl: 39px;

  /* 色彩（暖中性 + 品牌；中性色一律带暖调，不用纯灰） */
  --lh-paper: #F7F2E7;      /* 宣纸底 */
  --lh-card: #fffdf9;       /* 卡片底 */
  --lh-ink: #1A1A18;        /* 墨黑 */
  --lh-brand: #d94a1e;      /* 朱砂橙（主行动色） */
  --lh-brand-deep: #a8330f; /* 深朱砂（文字/强调） */
  --lh-ember: #f28b2f;      /* 余烬（渐变副色） */
  --lh-line: #e8d9c4;       /* 暖分割线 */
  --lh-line-soft: #f4e5d3;  /* 更浅分割线 */
  --lh-muted: #8a7a68;      /* 暖灰文字 */
  --lh-ok: #2f7d4f; --lh-warn: #b7791f; --lh-err: #b91c1c;

  /* 圆角 */
  --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 20px; --r-pill: 999px;

  /* 阴影（暖调，均带品牌棕） */
  --sh-1: 0 4px 12px rgba(66, 37, 14, .08);
  --sh-2: 0 10px 28px rgba(66, 37, 14, .12);
  --sh-3: 0 18px 44px rgba(66, 37, 14, .16);

  /* 动效（快入慢出；尊重 prefers-reduced-motion） */
  --ease: cubic-bezier(.16, 1, .3, 1);
  --dur-fast: 150ms; --dur: 220ms; --dur-slow: 380ms;

  /* 版心 */
  --w-narrow: 460px; --w-read: 65ch; --w-page: 1080px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}