/* ══════════════════════════════════════════════════════════════════
   设计变量 —— 全站唯一的配色 / 字阶 / 间距来源。
   想换配色、换字号、调松紧，只动这一个文件，四个页面同时生效。
   （改版前这些值散在三份 CSS 里，而且已经互相漂移：
     主色 #428fb5 vs #336b87，背景 #f7fcfc vs #edf7f9。）
   ══════════════════════════════════════════════════════════════════ */

:root{
  /* ── 颜色 ── */
  --accent:      #428fb5;   /* 主色 = "可点击"。非交互元素不要用它 */
  --accent-hi:   #264d59;   /* 主色 hover */
  --accent-soft: #b0dfe6;   /* header 底色 / venue 药丸底 */
  --bg:          #f7fcfc;
  --surface:     #ffffff;
  --ink:         #1a2930;   /* 正文 */
  --ink-2:       #4a5c66;   /* 次级文字：作者、TL;DR */
  --ink-3:       #7d8f99;   /* 三级：日期、页脚、注释 */
  --rule:        #d3e5ea;   /* 分隔线 */
  --shadow:      26 41 48;  /* 阴影用的 RGB 分量，配 rgb(var(--shadow)/.16) */

  /* ── 字体 ──
     Arial：全平台都有，零网络请求。实测它比系统字体（SF Pro / Segoe UI）
     的 400 字重更厚，屏幕上更清晰 —— 这也是当初选它的原因。 */
  --font:   Arial, Helvetica, sans-serif;
  --w-body: 400;
  --w-bold: 700;

  /* ── 字阶 ── */
  --f-xs:   0.8125rem;  /* 13  venue / 页脚 */
  --f-sm:   0.9375rem;  /* 15  作者 / TL;DR / 列表 */
  --f-base: 1rem;       /* 16  正文 */
  --f-md:   1.1875rem;  /* 19 */
  --f-lg:   1.45rem;
  --f-xl:   1.75rem;    /* 28  章节标题 */

  /* ── 间距：8px 基线。
        （改版前段落间距是靠 <p>&nbsp;</p> 撑出来的，共 4 处。）── */
  --s1: .25rem;  --s2: .5rem;   --s3: .75rem;  --s4: 1rem;
  --s5: 1.5rem;  --s6: 2rem;    --s7: 3rem;    --s8: 4rem;

  /* ── 动效 ── */
  --ease: cubic-bezier(.22,.61,.36,1);
  --nav-h: 60px;
}

/* 暗色：只覆盖颜色，尺寸与字阶完全复用上面那套 */
:root[data-theme=dark]{
  --accent:      #508dd7;
  --accent-hi:   #6399da;
  --accent-soft: #334155;
  --bg:          #0f172a;
  --surface:     #16213b;
  --ink:         #bac0c8;
  --ink-2:       #93a1b0;
  --ink-3:       #64748b;
  --rule:        #25314a;
  --shadow:      0 0 0;
}