/* ==========================================================================
   站群主题 · slate（石板 · 冷灰蓝硬派）
   —— 完整设计体系，不只是换色 ——
   性格：冷灰蓝中性 / 近直角(3px) / 硬偏移阴影 / 行高 1.70（信息密度高）
   依赖：CSS 变量覆盖 + 6 条安全附加规则（无 JS、无图片、无 webfont、无 url()）
   回退：删除本文件 + 从 config/sites.php 移除引用即可，不改动任何现有文件。
   同时提供 --c-*（PC）与 --w-*（WAP）两套变量。
   ========================================================================== */

:root {
  /* —— 语义化配色（15 项）—— */
  --c-primary: #2f4a63;          /* 主色：石板蓝 */
  --c-primary-dark: #22384c;     /* 主色 hover / active */
  --c-primary-soft: #e7edf3;     /* 主色浅底 */
  --c-accent: #c2410c;           /* 强调色：赭橙（冷底的暖点） */
  --c-on-primary: #ffffff;       /* 压在主色上的文字色（对比 9.65:1） */
  --c-bg: #f6f8fa;               /* 页面背景 */
  --c-surface: #ffffff;          /* 卡片表面 */
  --c-surface-2: #eef1f5;        /* 次级表面 */
  --c-border: #ccd5df;           /* 边框（略深 ⇒ 硬朗） */
  --c-text: #1b2430;             /* 正文（对背景 14.8:1） */
  --c-text-2: #505c6b;           /* 次要文字（对白底 6.9:1） */
  --c-text-3: #808c9a;           /* 三级文字 */
  --c-ok: #1f6f4a; --c-ok-soft: #e4f2ea;
  --c-warn: #8a6414;
  --c-danger: #b42318;

  /* —— 形状 —— */
  --c-radius: 3px;
  --c-radius-sm: 2px;
  --c-shadow: 0 2px 0 rgba(27, 36, 48, .10), 0 8px 20px rgba(27, 36, 48, .07);

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

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

  /* —— WAP（wap.css 消费）—— */
  --w-bg: #f6f8fa; --w-surface: #ffffff; --w-border: #ccd5df;
  --w-text: #1b2430; --w-text2: #505c6b; --w-text3: #808c9a;
  --w-primary: #2f4a63; --w-primary-soft: #e7edf3;
  --w-ok: #1f6f4a; --w-danger: #b42318; --w-radius: 2px;
}

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