/* ==========================================================================
   站群主题 · warm（暖赭 · 默认风格）—— 设计体系增补层
   ---------------------------------------------------------------------------
   配色本体在 assets/theme-warm.css（既有文件，未改动）；
   本文件在它之后加载（app/Views 加载顺序：assets/style.css → assets/theme-warm.css → 本文件），
   负责补齐「完整设计体系」缺的部分：强调色 / 成功·警告·危险色 / 字体 / 字号阶梯 /
   行高 / 间距刻度 / 圆角与阴影性格 / 焦点可访问性。
   性格：暖赭纸感 / 柔和圆角(12px) / 轻阴影 / 行高 1.78
   回退：删除本文件即可（sites.php 不必改），既有 warm 配色不受影响。
   ========================================================================== */

:root {
  /* —— 补齐的语义色 —— */
  --c-accent: #1f6f6b;           /* 强调色：墨青（赭红的互补） */
  --c-on-primary: #ffffff;       /* 压在主色上的文字色 */
  --c-warn: #8a6414;
  --c-danger: #b03a2e;

  /* —— 形状性格 —— */
  --c-radius: 12px;
  --c-radius-sm: 8px;
  --c-shadow: 0 1px 2px rgba(47, 42, 37, .05), 0 6px 18px rgba(168, 68, 42, .07);

  /* —— 字体（仅系统字体栈，不引 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", "Microsoft JhengHei", serif;

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

  /* —— WAP 补齐 —— */
  --w-ok: #2f6b4f; --w-danger: #b03a2e; --w-radius: 10px;
}

/* —— 可访问性：可见焦点轮廓（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); }