/* =========================================================================
   Design tokens — 文明的心光 · 鲁迅和汉画
   金石纸墨：墨与石为地，宣纸为纸，朱砂为印；荧光绿与电光蓝只属于交互层。
   ========================================================================= */
:root {
  /* — 地：墨与石（序至卷末） — */
  --ink:      #14120F;
  --ink-2:    #241F19;
  --stone:    #6B6259;
  --stone-hi: #8A7F72;
  /* 固定页头/页脚专用的次级文字色。比 --stone-hi 亮一档：那两条工具条会浮在
     由墨转纸的场景之上，压条渐变到边缘就没了，#8A7F72 落在浅底上只有 1.16:1。
     展签等场景内文字不受影响，仍用 --stone-hi。 */
  --chrome-dim: #B8AEA0;

  /* — 纸（卷末转场后 / 卷外） — */
  --paper:    #F2EDE3;
  --paper-2:  #E7DFCE;

  /* — 印 — */
  --cinnabar: #C8372D;

  /* — 交互层，且仅限交互层 — */
  --lime:     #3DF23D;
  --electric: #1414E6;

  /* fonts — 与 TTS 同一套自托管子集 */
  --font-cn: "Noto Serif SC", "Songti SC", serif;
  --font-latin-display: "Cormorant Garamond", Georgia, serif;
  /* --font-ui 的英文段用 Inter，但走这个栈的地方照样有中文：展签字段名（出土地与
     年代…，每一件都有）、页脚承办名单、英文一支里照录的中文机构名。
     Inter 没有中文；"Noto Sans SC" 不在自托管之列；system-ui（macOS 上是 SF）
     也没有中文——**栈里没有一个族能出中文**，只能靠浏览器的最后手段兜底，
     那在没装中文字体的机器上就是豆腐块。故把自托管的 Noto Serif SC 显式写进来，
     放在 system-ui 之后：装了中文系统字体的机器仍先用系统的。
     实测（macOS/Chrome，preview4/font-stack-compare.png）：改前改后渲染一致——
     这台机器本来就兜到了 Noto Serif SC。改的是「不再依赖兜底行为」。 */
  --font-ui: "Inter", "Noto Sans SC", system-ui, "Noto Serif SC", sans-serif;

  --sp-2: .5rem; --sp-3: .75rem; --sp-4: 1rem; --sp-6: 1.5rem; --sp-8: 2rem; --sp-12: 3rem;
  --radius: 2px;          /* 金石气：几乎不圆角 */
  --radius-pill: 999px;

  --z-gl: 0; --z-grad: 1; --z-ui: 20; --z-panel: 40; --z-loader: 60; --z-cursor: 90;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
}

.z-ui { z-index: var(--z-ui); }
.z-panel { z-index: var(--z-panel); }
.z-loader { z-index: var(--z-loader); }
.z-cursor { z-index: var(--z-cursor); }

.cn { font-family: var(--font-cn); }
.en { font-family: var(--font-ui); }
.small-caps { font-variant: all-small-caps; letter-spacing: .2em; }