/* ============================================================
   主题层：三种外观的 CSS 变量 + 主题专属覆盖
   · 结构共享、外观独立：页面样式（pages.css）保持主题无关
   · 加主题 = 加一组 :root[data-theme="..."] 变量 + 本文件尾部
     追加该主题需要的覆盖规则 + js/themes.js 加一条 THEMES 配置
   ============================================================ */

/* ---------- 主题变量（三种外观，结构一致） ---------- */
:root[data-theme="warm"] {
  --bg: #faf7f2; --surface: #ffffff; --surface-2: #f4efe6;
  --text: #2a1810; --text-muted: #8a7a6b;
  --primary: #7a4e2f; --primary-soft: #d4b896;
  --accent: #c9462a; --border: #e8e0d4;
  --shadow: 0 2px 12px rgba(122, 78, 47, 0.08);
  --radius: 16px;
}
:root[data-theme="dark"] {
  --bg: #0d0d0d; --surface: #1a1a1a; --surface-2: #242424;
  --text: #f5f5f5; --text-muted: #888;
  --primary: #e8c468; --primary-soft: #3a3426;
  --accent: #e8c468; --border: #2e2e2e;
  --shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
  --radius: 10px;
}
:root[data-theme="fresh"] {
  --bg: #eef4fb; --surface: #ffffff; --surface-2: #e0ecf8;
  --text: #15325c; --text-muted: #6a8ab0;
  --primary: #2b6cb0; --primary-soft: #c8dcf0;
  --accent: #38a169; --border: #d6e4f2;
  --shadow: 0 2px 12px rgba(43, 108, 176, 0.08);
  --radius: 14px;
}

/* ---------- 主题专属覆盖 ---------- */

/* 暖书店标题偏书卷气 */
:root[data-theme="warm"] .section-title h2 {
  font-family: Georgia, "Songti SC", "STSong", serif;
}
:root[data-theme="dark"] .tag, :root[data-theme="dark"] .price-now { color: #111; }
:root[data-theme="dark"] .tag { background: var(--accent); color: #111; }

/* 各主题的封面配色 */
[data-theme="warm"] .c1 { background: linear-gradient(135deg,#7a4e2f,#b8845a); }
[data-theme="warm"] .c2 { background: linear-gradient(135deg,#5c3d2e,#a67a5b); }
[data-theme="warm"] .c3 { background: linear-gradient(135deg,#6b4423,#c49a6c); }
[data-theme="warm"] .c4 { background: linear-gradient(135deg,#8b4513,#d2a679); }
[data-theme="warm"] .c5 { background: linear-gradient(135deg,#4a3728,#8b6f56); }
[data-theme="warm"] .s1 { background: linear-gradient(135deg,#c9462a,#e07b5e); }
[data-theme="warm"] .s2 { background: linear-gradient(135deg,#2b6cb0,#63b3ed); }
[data-theme="warm"] .s3 { background: linear-gradient(135deg,#38a169,#68d391); }

[data-theme="fresh"] .c1 { background: linear-gradient(160deg,#2b6cb0,#90cdf4); }
[data-theme="fresh"] .c2 { background: linear-gradient(160deg,#3182ce,#bee3f8); }
[data-theme="fresh"] .c3 { background: linear-gradient(160deg,#2c5282,#63b3ed); }
[data-theme="fresh"] .c4 { background: linear-gradient(160deg,#4299e1,#ebf8ff); }
[data-theme="fresh"] .c5 { background: linear-gradient(160deg,#2b6cb0,#a0aec0); }
[data-theme="fresh"] .s1 { background: linear-gradient(160deg,#2b6cb0,#63b3ed); }
[data-theme="fresh"] .s2 { background: linear-gradient(160deg,#805ad5,#d6bcfa); }
[data-theme="fresh"] .s3 { background: linear-gradient(160deg,#38a169,#9ae6b4); }

[data-theme="dark"] .cover {
  background: #1d1d1d; border: 1px solid #3a3426; color: #e8c468;
}

/* 深色主题下的文字反转（按钮/气泡/头像/选中勾） */
[data-theme="dark"] .save-btn { color: #111; }
[data-theme="dark"] .bubble.user { color: #111; }
[data-theme="dark"] .send-btn { color: #111; }
[data-theme="dark"] .avatar, [data-theme="dark"] .p-stats b { color: #111; }
[data-theme="dark"] .theme-card.active .t-check { color: #111; }
[data-theme="dark"] .bs-qmark { color: #111; }
[data-theme="dark"] .as-submit { color: #111; }
[data-theme="dark"] .sg-btn { color: #111; }