/* ═══════════════════════════════════════════════════════════════
   设计令牌（Design Tokens）
   古籍资料 · 古今对照浏览
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ── 色彩：以典籍质感为基调 ── */
  --c-bg:        #faf8f4;   /* 宣纸底 */
  --c-surface:   #ffffff;
  --c-border:    #e7e1d6;
  --c-ink:       #1f1c18;   /* 正文墨色 */
  --c-ink-2:     #6b6459;   /* 次级文字 */
  --c-accent:    #8c2f23;   /* 朱砂，用于标签与强调 */
  --c-mark:      #fdf0c9;   /* 专有名词底色（黄） */
  --c-mark-hit:  #d9ecff;   /* 检索命中底色（蓝） */

  /* ── 字体：原文用繁体衬线，译文用简体无衬线 ── */
  --f-src: "Noto Serif TC", "Source Han Serif TC", "Source Han Serif SC",
           "Songti TC", "Songti SC", "SimSun", serif;
  --f-tgt: "Noto Sans SC", "Source Han Sans SC",
           "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;

  /* ── 间距（4px 基准） ─ */
  --s-1: .25rem;
  --s-2: .5rem;
  --s-3: 1rem;
  --s-4: 1.5rem;
  --s-6: 2.5rem;

  /* ── 圆角与阴影 ── */
  --r-md: 8px;
  --shadow-1: 0 1px 2px rgb(31 28 24 / .05);

  /* ── 阅读版心：中文正文每行 28–36 字最舒适 ── */
  --w-read: 46rem;
}

/* ── 暗色模式 ── */
@media (prefers-color-scheme: dark) {
  :root {
    --c-bg: #17150f;
    --c-surface: #211e17;
    --c-border: #35302a;
    --c-ink: #e9e3d8;
    --c-ink-2: #a39a8b;
    --c-accent: #d98b7a;
    --c-mark: #4a3f1c;
    --c-mark-hit: #1e3a52;
  }
}