/* ============================================================
   themes.css —— 主题变量兜底值
   正式配色由 data/config/themes.json 提供，theme.js 会写到 :root 上；
   这里的值只在配置未加载完成（首帧）或配置读取失败时生效，因此与白色主题保持一致。
   ============================================================ */

:root {
  --read-bg: #F7F7F8;
  --read-text: #2B2B2B;
  --read-muted: #9A9A9A;
  --read-font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;

  --ui-bg: rgba(252, 252, 253, 0.97);
  --ui-text: #2B2B2B;
  --ui-sub: #8A8A8A;
  --ui-line: #E6E6E8;
  --ui-chip: #F0F0F2;
  --ui-chip-text: #2B2B2B;
  --ui-accent: #3B74F2;
  --ui-accent-soft: rgba(59, 116, 242, 0.10);
  --ui-switch-off: #D8D8DC;
  --ui-mask: rgba(0, 0, 0, 0.35);

  --eyecare-color: #E8A33D;

  --font-size: 20px;
  --line-height: 1.8;
  --para-space: 0.6em;
  --para-indent: 2em;
}

/* 夜间主题需要独立的输入控件配色，浏览器默认控件在深色下会发白 */
body[data-theme="night"] input[type="range"] {
  color-scheme: dark;
}

/* 状态栏时钟在深色主题下用弱化色，避免抢正文视线 */
body[data-theme="night"] .reader-status {
  color: var(--read-muted);
}