/* 全站设计令牌：唯一来源。尺寸高度 8px 网格、间距 4/8 双步长、圆角一档 4px；颜色亮暗双组。
   组件只引用变量；网格上的组合值（大布局偏移）允许直接写网格数值。
   字号恒 16px（verify-fontsize 把关）。 */
:root {
  color-scheme: light;
  /* 字体与文本 */
  --fontsize: 16px;
  --line-height: 1.7;
  --font-sans: -apple-system, "PingFang SC", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, "PingFang SC", monospace;
  /* 尺寸与圆角（圆角一档 4px，全站统一） */
  --control-h: 40px;
  --radius: 4px;
  /* 版心宽度：clreq 书籍正文行长 17-40 字参考区间上限（16px × 40 字），同时是字号与 8px 网格的公倍数 */
  --measure: 640px;
  /* 间距（4/8 双步长） */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  /* 亮色 */
  --bg: #fff;
  --fg: #222;
  --muted: #777;
  --faint: #999;
  --fainter: #555;
  --panel: #f7f7f7;
  --hover: #f0f0f0;
  --code-bg: #f4f4f4;
  --border: #d0d0d0;
  --border-strong: #bbb;
  --accent: #222;
  --accent-fg: #fff;
  --danger: #c00;
  --danger-border: #e8b7b7;
  --ok: #1a7f37;
  --ok-strong: #1f883d;
  --ok-bg: #f0fff4;
  --hl: #ffd6d2;
  --hl-soft: #fff1f0;
  --hl-flash: #ffe1de;
  --pop-bg: #222;
  --pop-fg: #fff;
  --pop-active: rgba(255,255,255,.18);
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #151515;
  --fg: #e8e8e8;
  --muted: #9e9e9e;
  --faint: #7a7a7a;
  --fainter: #b8b8b8;
  --panel: #202020;
  --hover: #2a2a2a;
  --code-bg: #262626;
  --border: #3d3d3d;
  --border-strong: #4a4a4a;
  --accent: #e8e8e8;
  --accent-fg: #151515;
  --danger: #ff7066;
  --danger-border: #573532;
  --ok: #3fb950;
  --ok-strong: #2ea043;
  --ok-bg: rgba(46,160,67,.14);
  --hl: rgba(255,86,72,.34);
  --hl-soft: rgba(255,86,72,.12);
  --hl-flash: rgba(255,86,72,.2);
  --pop-bg: #2e2e2e;
  --pop-fg: #f0f0f0;
  --pop-active: rgba(0,0,0,.18);
}

/* 表单控件字体继承：input/textarea/select/button 的 UA 默认栈不含中文字体定义，
   日语系统下中文回退日文字形；inherit 接住 body 的 --font-sans */
input, textarea, select, button { font-family: inherit; }