/* ============================================================================
 * colors.css —— 「主题颜色」（强调色）覆盖层
 *
 * ⚠️ 本文件必须**在主题皮肤 CSS 之后**加载（见 index.html 的 <link id="forum-color-css">）。
 *
 * 原因（2026-09-21 修 bug）：
 *   `html[data-skin="autumn"]`（皮肤 CSS）与 `html[data-color="blue"]`（旧位置在 base.css）
 *   选择器特异性完全相同（都是 0,1,1）。皮肤 CSS 由 document.write / applySkinCss 注入，
 *   文档顺序在 base.css 之后 ⇒ 皮肤里的 `--accent` 覆盖了玩家选的强调色，
 *   于是「非默认主题时主题颜色不生效」（默认主题 normal 没有皮肤 CSS，所以看起来正常）。
 *   把强调色单独放在最后加载的文件里，即可用同特异性、靠文档顺序稳定获胜。
 *
 * 只覆盖 4 个与强调色强相关的变量，主题的其余调色板（背景/文字/边框/--sakura）仍由皮肤决定。
 * ========================================================================= */

/* ── 浅色 ── */
html[data-color="gray"]   { --accent:#2b2d33; --accent-hover:#17181c; --accent-fg:#ffffff; --focus-ring:rgba(43,45,51,.22); }
html[data-color="blue"]   { --accent:#2f6fed; --accent-hover:#2359c9; --accent-fg:#ffffff; --focus-ring:rgba(47,111,237,.22); }
html[data-color="sky"]    { --accent:#1789c9; --accent-hover:#1171a8; --accent-fg:#ffffff; --focus-ring:rgba(23,137,201,.22); }
html[data-color="teal"]   { --accent:#149087; --accent-hover:#0f746d; --accent-fg:#ffffff; --focus-ring:rgba(20,144,135,.22); }
html[data-color="green"]  { --accent:#2e9e4f; --accent-hover:#238040; --accent-fg:#ffffff; --focus-ring:rgba(46,158,79,.22); }
html[data-color="lime"]   { --accent:#6aa723; --accent-hover:#56871c; --accent-fg:#ffffff; --focus-ring:rgba(106,167,35,.22); }
html[data-color="orange"] { --accent:#e0812a; --accent-hover:#c06c1f; --accent-fg:#ffffff; --focus-ring:rgba(224,129,42,.22); }
html[data-color="red"]    { --accent:#d94b4b; --accent-hover:#b93c3c; --accent-fg:#ffffff; --focus-ring:rgba(217,75,75,.22); }
html[data-color="pink"]   { --accent:#e0568c; --accent-hover:#c4437a; --accent-fg:#ffffff; --focus-ring:rgba(224,86,140,.22); }
html[data-color="purple"] { --accent:#8a56d6; --accent-hover:#7443c0; --accent-fg:#ffffff; --focus-ring:rgba(138,86,214,.22); }

/* ── 深色 ── */
html[data-theme="dark"][data-color="gray"]   { --accent:#f0f1f3; --accent-hover:#ffffff; --accent-fg:#17181c; --focus-ring:rgba(240,241,243,.22); }
html[data-theme="dark"][data-color="blue"]   { --accent:#5b91f5; --accent-hover:#7ba8f7; --accent-fg:#0f1013; --focus-ring:rgba(91,145,245,.24); }
html[data-theme="dark"][data-color="sky"]    { --accent:#3aa8e0; --accent-hover:#5cbbed; --accent-fg:#0f1013; --focus-ring:rgba(58,168,224,.24); }
html[data-theme="dark"][data-color="teal"]   { --accent:#2fb3a8; --accent-hover:#4fc9bf; --accent-fg:#0f1013; --focus-ring:rgba(47,179,168,.24); }
html[data-theme="dark"][data-color="green"]  { --accent:#4cc06f; --accent-hover:#6ad189; --accent-fg:#0f1013; --focus-ring:rgba(76,192,111,.24); }
html[data-theme="dark"][data-color="lime"]   { --accent:#8fc94c; --accent-hover:#a6d96a; --accent-fg:#0f1013; --focus-ring:rgba(143,201,76,.24); }
html[data-theme="dark"][data-color="orange"] { --accent:#f0a04b; --accent-hover:#f4b46e; --accent-fg:#0f1013; --focus-ring:rgba(240,160,75,.24); }
html[data-theme="dark"][data-color="red"]    { --accent:#f06b6b; --accent-hover:#f48a8a; --accent-fg:#0f1013; --focus-ring:rgba(240,107,107,.24); }
html[data-theme="dark"][data-color="pink"]   { --accent:#f07aa8; --accent-hover:#f498bb; --accent-fg:#0f1013; --focus-ring:rgba(240,122,168,.24); }
html[data-theme="dark"][data-color="purple"] { --accent:#a878e0; --accent-hover:#b98fe6; --accent-fg:#0f1013; --focus-ring:rgba(168,120,224,.24); }