/* ============================================================
   设计令牌层 · tokens.css
   语义别名（组件只认语义名，不认色值）+ 动效基准 + 间距梯度 + 阴影三级
   风格：东方留白 · Oriental Editorial
   ============================================================ */

:root{
  /* ---------- 原始色值（仅本层出现，组件禁止直接引用） ---------- */
  --c-paper:#F4F0E6;
  --c-paper-2:#EDE8DB;
  --c-paper-3:#FFFFFF;
  --c-ink:#1A1814;
  --c-ink-2:#4A463E;
  --c-ink-3:#6E6759;
  --c-cinnabar:#C8321E;
  --c-cinnabar-dk:#A82A19;
  --c-line:#D6CFBE;
  --c-line-dk:#BDB4A0;

  /* ---------- 语义别名 ---------- */
  --color-bg:var(--c-paper);
  --color-bg-alt:var(--c-paper-2);
  --color-surface:var(--c-paper-3);
  --color-text:var(--c-ink);
  --color-text-2:var(--c-ink-2);
  --color-muted:var(--c-ink-3);
  --color-accent:var(--c-cinnabar);
  --color-accent-strong:var(--c-cinnabar-dk);
  --color-on-accent:var(--c-paper);
  --color-border:var(--c-line);
  --color-border-strong:var(--c-line-dk);

  /* ---------- 字体 ---------- */
  --font-serif:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  --font-sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;
  --font-en:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-mono:"SF Mono","Cascadia Mono","Consolas","Courier New",monospace;

  /* ---------- 尺度 ---------- */
  --maxw:1180px;
  --fs-display:clamp(46px,7.2vw,96px);
  --fs-h2:clamp(32px,4.4vw,58px);
  --fs-h3:clamp(22px,2.2vw,30px);
  --fs-lead:clamp(17px,1.6vw,21px);
  --fs-body:17px;
  --fs-sm:14px;
  --fs-xs:12.5px;

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

  /* ---------- 阴影三级（带环境色，非纯黑） ---------- */
  --shadow-1:0 2px 8px rgba(26,24,20,.06);
  --shadow-2:0 8px 28px rgba(26,24,20,.10);
  --shadow-3:0 24px 64px rgba(26,24,20,.16);

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

  /* ---------- 宣纸颗粒（SVG 噪点，multiply 叠加） ---------- */
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");
}

/* ============================================================
   深墨页脚：作用域内覆盖语义令牌，组件代码无需改动
   ============================================================ */
footer{
  --color-bg:var(--c-ink);
  --color-surface:#232019;
  --color-text:var(--c-paper);
  --color-text-2:#C4BDAE;
  --color-muted:#A8A196;
  --color-accent:#E05A44;
  --color-accent-strong:#F0705A;
  --color-border:#3A3630;
  --color-border-strong:#4C473E;
}