/* =========================================================
   诗以载史 · 设计令牌：CSS 变量 / 浅深主题配色
   ========================================================= */

/* =========================================================
   诗以载史 · 设计系统（单文件 SPA）
   宣纸白 / 墨黑 / 朱红点缀 · 宋体书卷气 · 浅深主题 · 响应式
   ========================================================= */

/* 本地回退 @font-face：用系统字体（local）作为 Noto 系列的「度量对齐替身」。
   在 webfont 从 loli.net 下载完成前，先用这些「已按 Noto 度量缩放」的系统字体绘制，
   使 display=swap 换脸时的回流（reflow）降到极轻微。
   size-adjust / ascent-override / descent-override 为经验估值；不同 OS 命中不同 local 字体，
   未命中（如部分 Linux）则退化到 --serif/--sans 栈里的其它真实回退，不影响功能。 */
@font-face {
  font-family: "Noto Serif SC Fallback";
  src: local("Songti SC"), local("STSong"), local("SimSun"), local("Noto Serif CJK SC"), local("Source Han Serif SC");
  size-adjust: 105%;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Noto Sans SC Fallback";
  src: local("PingFang SC"), local("Microsoft YaHei"), local("Hiragino Sans GB"), local("Heiti SC");
  size-adjust: 100%;
  ascent-override: 92%;
  descent-override: 22%;
  line-gap-override: 0%;
}

:root {
  --bg: #f7f5f0;
  --bg-soft: #efece4;
  --surface: #ffffff;
  --ink: #1a1a1a;
  --ink-soft: #6b6b6b;
  --ink-faint: #9a958c;
  --line: #e3dfd6;
  --accent: #b23a34;
  --accent-soft: #c9746c;
  --gold: #8a7a5c;
  --shadow-sm: 0 1px 2px rgba(26,26,26,.04), 0 2px 8px rgba(26,26,26,.05);
  --shadow-md: 0 4px 18px rgba(26,26,26,.08);
  --shadow-lg: 0 14px 44px rgba(26,26,26,.13);
  --radius: 14px;
  --radius-lg: 22px;
  --maxw: 1180px;
  --serif: "Noto Serif SC", "Noto Serif SC Fallback", "Songti SC", "STSong", "SimSun", Georgia, serif;
  --sans: "Noto Sans SC", "Noto Sans SC Fallback", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}

[data-theme="dark"] {
  --bg: #1c1b19;
  --bg-soft: #232220;
  --surface: #2a2825;
  --ink: #ece8df;
  --ink-soft: #b3ada1;
  --ink-faint: #7d776c;
  --line: #3a3631;
  --accent: #d96058;
  --accent-soft: #c9746c;
  --gold: #b6a988;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.3);
  --shadow-md: 0 4px 18px rgba(0,0,0,.42);
  --shadow-lg: 0 14px 44px rgba(0,0,0,.55);
}