/*
 * Waline 主题覆盖样式
 * 在 waline.css 之后加载，把 Waline 的 CSS 变量映射到站点主题色，
 * 并补充暗色模式适配，使评论区整体跟随站点主题。
 * Waline 默认变量定义在 :root，这里在 #waline 上覆盖即可生效。
 */

/* 亮色模式：将 Waline 变量映射到站点主题 */
#waline {
  --waline-theme-color: var(--primary);
  --waline-active-color: var(--primary);
  --waline-color: color-mix(in oklch, var(--card-bg) 12%, #000 88%);
  --waline-bg-color: var(--card-bg);
  --waline-bg-color-light: color-mix(in oklch, var(--card-bg) 92%, #000 8%);
  --waline-bg-color-hover: color-mix(in oklch, var(--card-bg) 88%, var(--primary) 12%);
  --waline-border-color: var(--line-divider);
  --waline-info-color: color-mix(in oklch, var(--card-bg) 35%, #666 65%);
  --waline-info-bg-color: color-mix(in oklch, var(--card-bg) 92%, #000 8%);
}

/* 暗色模式：提高正文与背景对比度（站点用 html.dark 切换暗色） */
.dark #waline {
  --waline-color: color-mix(in oklch, var(--card-bg) 12%, #fff 88%);
  --waline-bg-color-light: color-mix(in oklch, var(--card-bg) 92%, #fff 8%);
  --waline-bg-color-hover: color-mix(in oklch, var(--card-bg) 86%, var(--primary) 14%);
  --waline-info-color: color-mix(in oklch, var(--card-bg) 45%, #c0c4cc 55%);
  --waline-info-bg-color: color-mix(in oklch, var(--card-bg) 92%, #fff 8%);
}

/* 评论数标题“N 评论”跟随主题主色（用 #waline 提升优先级覆盖默认继承色） */
#waline .wl-count {
  color: var(--waline-theme-color);
}