/* =============================================================================
 * 主题换色机制 —— 改一个值，全站换色
 *   把下面 --theme-color 改成你想要的颜色即可
 *   按钮 / �接高亮 / 分隔线 / 滚动条 / 选中态 全站随之变色（明暗模式都生效）
 *
 * 预设色：
 *   蓝 #49b1f5（默认）
 *   绿 #00b894   紫 #6c5ce7   红 #e84393   橙 #ff7a45
 *
 * 注：color-mix() 需现代浏览器（2023+）；旧浏览器下主色 var() 仍生效，
 *     仅半透明派生色（分隔线/链接悬浮底色）回退为原主题蓝。
 * ========================================================================== */
:root {
  --theme-color: #49b1f5;   /* ★★★ 改这一行换主色 ★★★ */

  --btn-bg: var(--theme-color);
  --text-bg-hover: color-mix(in srgb, var(--theme-color) 70%, transparent);
  --hr-border: color-mix(in srgb, var(--theme-color) 22%, white);
  --hr-before-color: color-mix(in srgb, var(--theme-color) 45%, white);
}

/* 滚动条配色 */
::-webkit-scrollbar-track {
  background-color: color-mix(in srgb, var(--theme-color) 20%, transparent);
}
::-webkit-scrollbar-thumb {
  background-color: var(--theme-color);
}

/* 深色模式同样应用主题色 */
[data-theme="dark"] {
  --btn-bg: var(--theme-color);
  --text-bg-hover: color-mix(in srgb, var(--theme-color) 70%, transparent);
}