/* ==========================================================================
   站群主题 · dark（暗色 · 夜间友好）—— 设计体系增补层
   ---------------------------------------------------------------------------
   配色本体在 assets/theme-dark.css（既有文件，未改动）；
   本文件在它之后加载，负责补齐「完整设计体系」缺的部分。
   性格：暗底暖橙 / 中等圆角(10px) / 深阴影 / 行高 1.76
   ⚠️ 暗色检查：正文 #dfe2e5 对背景 #16181a = 14.6:1；背景非纯黑、正文非纯白。
   ⚠️ 既有 theme-dark.css 的主色 #d98b5f 上压白字只有 2.56:1 ⇒ 本层把主色按钮
      的文字色改成深色（--c-on-primary，7.1:1），不修改既有文件。
   回退：删除本文件即可，既有 dark 配色不受影响。
   ========================================================================== */

:root {
  /* —— 补齐的语义色 —— */
  --c-accent: #7fd1c8;           /* 强调色：荧光青（暗底上发光） */
  --c-on-primary: #16181a;       /* 压在主色上的文字色：深字压亮橙（7.1:1） */

  /* —— 形状性格 —— */
  --c-radius: 10px;
  --c-radius-sm: 6px;
  --c-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 6px 20px rgba(0, 0, 0, .30);

  /* —— 字体（仅系统字体栈，不引 webfont）—— */
  --font: system-ui, -apple-system, "Segoe UI", "PingFang TC", "Microsoft JhengHei", "Microsoft YaHei", "Noto Sans TC", sans-serif;
  --font-read: Georgia, "Songti TC", "Songti SC", "SimSun", serif;

  /* —— 字号阶梯 / 行高 / 字重 / 间距刻度（4px 基准）—— */
  --fs-xs: 12px; --fs-sm: 14px; --fs-md: 16px; --fs-lg: 20px; --fs-xl: 24px; --fs-2xl: 32px;
  --lh-body: 1.76; --lh-read: 1.94; --fw-title: 600;
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px;

  /* —— WAP 补齐 —— */
  --w-ok: #6cc39a; --w-danger: #e4736a; --w-radius: 8px;
}

/* —— 可访问性：可见焦点轮廓（style.css 原本没有；纯新增）—— */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid var(--c-accent);
  outline-offset: 2px;
}

/* —— 排版：主题级行高与标题字重（只改字重/行高，不动尺寸与宽度）—— */
body { line-height: var(--lh-body); }
h1, h2, h3 { font-weight: var(--fw-title); }
.reader-content { line-height: var(--lh-read); }

/* —— 强调色落点：栏目标题左侧竖条 + 主色按钮文字色 —— */
.panel-title::before { background: var(--c-accent); }
.btn-primary, .wap-btn.primary, .wap-chip.active,
.wap-pages .cur, .pager .current { color: var(--c-on-primary); }

/* —— 暗色 WAP 修正：wap.css 内几处写死的浅色在暗底下会刺眼 —— */
.wap-tabbar { background: rgba(30, 33, 36, .97); }
.wap-card-cover, .wap-item-cover, .wap-bookhead-cover { background: var(--c-surface-2); }
.wap-item:active, .wap-chitem:active { background: var(--c-surface-2); }
.wap-folder-head { background: var(--c-surface-2); }
.wap-chlist li { border-bottom-color: var(--c-border); }
.wap-tag.ok { background: var(--c-ok-soft); }
.wap-alert { background: var(--c-primary-soft); }
body::before { color: var(--c-text-3); background: var(--c-bg); }
.wap-reader-content { color: var(--c-text); }
