/* ============================================================================
 * theme-override.css —— Firefly 站点「方案 A」配色降饱和覆盖层
 * ----------------------------------------------------------------------------
 * 用途：把 Firefly 主题全部基于 var(--hue) 的彩色自定义属性，压到近乎灰。
 *   - 主色/强调色类变量：C = 0.005（亮度 L 与色相 var(--hue) 保持不变）
 *   - 原本就极低彩度的背景/边框类变量：C ≤ 0.001（不压成死白，仅去掉色偏）
 *   - 所有规则均带 !important，以压过 head 末尾追加的 Astro 打包样式。
 *
 * 来源：Aurora 于 2026-09-19 要求降低整站彩度（方案 A）。
*   首档 C=0.02 仍偏艳，同日再降一档：本文件所有 oklch 的 C 值统一减半——
*   主色/强调类 0.02 → 0.01，背景/边框类 0.005 → 0.0025（保持仍非零，不压成死白）。
*   本次只动第二个数值 C，L（亮度）与 var(--hue) 色相一律不变，故整站明暗不受影响。
*   三档再降：主色/强调类 0.01 → 0.005，背景/边框类 0.0025 → 0.001（仍只动 C，保持非零）。
 *
 * 调灰度：直接改本文件里各行的第 2 个数值（即 C，彩度）即可；
 *   2 个数值顺序为 oklch(L C H)，只动中间那个 C，别动 L，否则整体明暗会变。
 *   改完保存后，直接把这个文件覆盖到 dist 同名文件即可立即生效（纯静态），
 *   无需重新 pnpm build：
 *     cp /srv/aurora-blog/firefly/public/assets/css/theme-override.css \
 *        /srv/aurora-blog/firefly/dist/assets/css/theme-override.css
 *
 * 未覆盖（有意保留）：
 *   - --color-selection-bar（主题色相选择条渐变，0..360 必须保留全彩谱）
 *   - --admonitions-color-*（tip/note/warning 等语义色，用固定色相 180/250…，非 var(--hue)）
 *   - --card-bg-transparent / --scrollbar-bg-* / 各类阴影等 rgb()/rgba() 中性色
 * ========================================================================== */

/* ===== 亮色主题 :root（对应 variables.styl :root）===== */
:root {
	--primary: oklch(0.70 0.005 var(--hue)) !important;              /* 原 0.14 */
	--page-bg: oklch(0.95 0.001 var(--hue)) !important;             /* 原 0.01 → 背景类 */
	--btn-content: oklch(0.55 0.005 var(--hue)) !important;          /* 原 0.12 */
	--btn-regular-bg: oklch(0.95 0.005 var(--hue)) !important;       /* 原 0.025 */
	--btn-regular-bg-hover: oklch(0.9 0.005 var(--hue)) !important;  /* 原 0.05 */
	--btn-regular-bg-active: oklch(0.85 0.005 var(--hue)) !important;/* 原 0.08 */
	--btn-plain-bg-hover: oklch(0.95 0.005 var(--hue)) !important;   /* 原 0.025 */
	--btn-plain-bg-active: oklch(0.98 0.001 var(--hue)) !important; /* 原 0.01 → 背景类 */
	--btn-card-bg-hover: oklch(0.98 0.001 var(--hue)) !important;   /* 原 0.005 → 背景类 */
	--btn-card-bg-active: oklch(0.9 0.005 var(--hue)) !important;    /* 原 0.03 */
	--deep-text: oklch(0.25 0.005 var(--hue)) !important;            /* 原 0.02 */
	--title-active: oklch(0.6 0.005 var(--hue)) !important;          /* 原 0.1 */
	--muted: oklch(0.93 0.001 var(--hue)) !important;               /* 原 0.015 → 背景类 */
	--selection-bg: oklch(0.90 0.005 var(--hue)) !important;         /* 原 0.05 */
	--codeblock-bg: oklch(0.17 0.001 var(--hue)) !important;        /* 原 0.015 → 背景类 */
	--codeblock-topbar-bg: oklch(0.3 0.005 var(--hue)) !important;   /* 原 0.02 */
	--link-underline: oklch(0.93 0.005 var(--hue)) !important;       /* 原 0.04 */
	--link-hover: oklch(0.95 0.005 var(--hue)) !important;           /* 原 0.025 */
	--link-active: oklch(0.90 0.005 var(--hue)) !important;          /* 原 0.05 */
	--toc-badge-bg: oklch(0.9 0.005 var(--hue)) !important;          /* 原 0.045 */
	--toc-btn-hover: oklch(0.92 0.005 var(--hue)) !important;        /* 原 0.05 */
	--toc-btn-active: oklch(0.90 0.005 var(--hue)) !important;       /* 原 0.06 */
	--toc-indicator-bg: oklch(0.92 0.001 var(--hue)) !important;    /* 原 0.015 → 背景类 */
	--toc-item-active: oklch(0.70 0.005 var(--hue)) !important;      /* 原 0.13 */
	--l2d-msg-bg: oklch(0.7 0.005 var(--hue)) !important;            /* 原 0.14 */
}

/* 卡片跟随主题色相（明色）—— variables.styl :root:not(.dark) body.card-follow-theme-hue */
:root:not(.dark) body.card-follow-theme-hue {
	--card-bg: oklch(1 0.001 var(--hue)) !important;                /* 原 0.01 → 背景类 */
}

/* ===== 暗色主题 :root.dark（对应 variables.styl :root.dark）===== */
:root.dark {
	--primary: oklch(0.75 0.005 var(--hue)) !important;              /* 原 0.14 */
	--page-bg: oklch(0.16 0.001 var(--hue)) !important;             /* 原 0.014 → 背景类 */
	--card-bg: oklch(0.23 0.001 var(--hue)) !important;             /* 原 0.015 → 背景类 */
	--btn-content: oklch(0.75 0.005 var(--hue)) !important;          /* 原 0.1 */
	--btn-regular-bg: oklch(0.33 0.005 var(--hue)) !important;       /* 原 0.035 */
	--btn-regular-bg-hover: oklch(0.38 0.005 var(--hue)) !important; /* 原 0.04 */
	--btn-regular-bg-active: oklch(0.43 0.005 var(--hue)) !important;/* 原 0.045 */
	--btn-plain-bg-hover: oklch(0.30 0.005 var(--hue)) !important;   /* 原 0.035 */
	--btn-plain-bg-active: oklch(0.27 0.005 var(--hue)) !important;  /* 原 0.025 */
	--btn-card-bg-hover: oklch(0.3 0.005 var(--hue)) !important;     /* 原 0.03 */
	--btn-card-bg-active: oklch(0.35 0.005 var(--hue)) !important;   /* 原 0.035 */
	--muted: oklch(0.25 0.001 var(--hue)) !important;               /* 原 0.015 → 背景类 */
	--selection-bg: oklch(0.40 0.005 var(--hue)) !important;         /* 原 0.08 */
	--codeblock-bg: oklch(0.17 0.001 var(--hue)) !important;        /* 原 0.015 → 背景类 */
	--codeblock-topbar-bg: oklch(0.12 0.001 var(--hue)) !important; /* 原 0.015 → 背景类 */
	--link-underline: oklch(0.40 0.005 var(--hue)) !important;       /* 原 0.08 */
	--link-hover: oklch(0.40 0.005 var(--hue)) !important;           /* 原 0.08 */
	--link-active: oklch(0.35 0.005 var(--hue)) !important;          /* 原 0.07 */
	--float-panel-bg: oklch(0.19 0.001 var(--hue)) !important;      /* 原 0.015 → 背景类 */
	--toc-btn-hover: oklch(0.28 0.005 var(--hue)) !important;        /* 原 0.04 */
	--toc-btn-active: oklch(0.32 0.005 var(--hue)) !important;       /* 原 0.05 */
	--toc-indicator-bg: oklch(0.28 0.005 var(--hue)) !important;     /* 原 0.04 */
	--toc-item-active: oklch(0.35 0.005 var(--hue)) !important;      /* 原 0.07 */
	--l2d-msg-bg: oklch(0.35 0.005 var(--hue)) !important;           /* 原 0.08 */
}

/* ============================================================================
 * 组件中把彩度写进 Tailwind 任意值 / 内联 <style> 的硬编码处
 * ========================================================================== */

/* ArchivePanel.astro:122 —— 归档时间轴上的小圆点（原 oklch(0.5 0.05 var(--hue))）
 *   悬停原为 group-hover:bg-(--primary)，这里用更高优先级规则重建悬停态。 */
.archive-post .dash-line > div {
	background-color: oklch(0.5 0.005 var(--hue)) !important;
}
.archive-post:hover .dash-line > div {
	background-color: var(--primary) !important;
}

/* ArchivePanel.astro:134 —— 归档条目里的分类徽章
 *   明色 bg-[oklch(0.95 0.025 var(--hue))] / 暗色 dark:bg-[oklch(0.25 0.025 var(--hue))] */
.archive-post span.shrink-0 {
	background-color: oklch(0.95 0.005 var(--hue)) !important;
}
.dark .archive-post span.shrink-0 {
	background-color: oklch(0.25 0.005 var(--hue)) !important;
}
.archive-post:hover span.shrink-0 {
	background-color: var(--primary) !important;
}
.dark .archive-post:hover span.shrink-0 {
	background-color: var(--primary) !important;
}

/* ButtonLink.astro:40 —— 分类组件（#categories）里计数徽章
 *   明色 bg-[oklch(0.95 0.025 var(--hue))] / 暗色 dark:bg-(--primary) */
#categories .ml-4.min-w-8.rounded-lg {
	background-color: oklch(0.95 0.005 var(--hue)) !important;
}
.dark #categories .ml-4.min-w-8.rounded-lg {
	background-color: var(--primary) !important;
}

/* CoverImage.astro:184-185 —— 图片加载转圈边框（原 0.9 0.05 / 0.6 0.15 var(--hue)）
 *   仅覆盖颜色，保留原有 3px solid 粗细与旋转动画。 */
.spinner {
	border-color: oklch(0.9 0.005 var(--hue)) !important;
	border-top-color: oklch(0.6 0.005 var(--hue)) !important;
}

/* src/styles/main.css:540-546 —— .btn-regular-dark 系列（原彩色任意值） */
.btn-regular-dark {
	background-color: oklch(0.45 0.001 var(--hue)) !important;
}
.btn-regular-dark:hover {
	background-color: oklch(0.50 0.001 var(--hue)) !important;
}
.btn-regular-dark:active {
	background-color: oklch(0.55 0.001 var(--hue)) !important;
}
.dark .btn-regular-dark {
	background-color: oklch(0.30 0.005 var(--hue)) !important;
}
.dark .btn-regular-dark:hover {
	background-color: oklch(0.35 0.005 var(--hue)) !important;
}
.dark .btn-regular-dark:active {
	background-color: oklch(0.40 0.005 var(--hue)) !important;
}
.btn-regular-dark.success {
	background-color: oklch(0.75 0.005 var(--hue)) !important;
}
.dark .btn-regular-dark.success {
	background-color: oklch(0.75 0.005 var(--hue)) !important;
}

/* src/styles/display-settings.css:7,14 —— 设置面板滑杆轨道 hsla(hue,22%,...)
 *   把饱和度 22% 压到 3%（其余透明度、进度变量保持不变）。 */
#display-setting input[type="range"] {
	background-image: linear-gradient(90deg, var(--primary) 0 var(--range-progress, 50%), hsla(var(--hue), 3%, 28%, 0.18) var(--range-progress, 50%) 100%) !important;
}
#display-setting input[type="range"].overlay-slider {
	background-image: linear-gradient(90deg, var(--primary) 0 var(--range-progress, 50%), hsla(var(--hue), 3%, 28%, 0.18) var(--range-progress, 50%) 100%) !important;
}

/* src/styles/display-settings.css:142,151 —— 分区标题文字色（原已是 0.02，统一收口） */
#display-setting .section-title {
	color: oklch(0.20 0.005 var(--hue)) !important;
}
.dark #display-setting .section-title {
	color: oklch(0.96 0.005 var(--hue)) !important;
}