/* 三套候選配色 —— 這是**暫時的選色工具**（Ryan 2026-09-21）。
   挑定一套之後，另外兩套與右上的切換器都要移除，回到單一主題。

   沒有 data-palette 時走 studio.css 的原配色（青藍），不受本檔影響。
   每條規則都用雙屬性選擇器，深淺兩版的特異性相同，不靠載入順序決勝。

   三套的差異不只主色：**底色與中性色的色相也一起換**，
   因為原本「整體偏綠」的來源有一半在 --bg / --paper / --soft / --muted。 */

/* ══════════ steel 鋼藍 ＋ 琥珀 ══════════
   底色中性藍灰，最像企業系統，最保守。 */
:root[data-palette="steel"]:not([data-theme="light"]) {
  --bg:#141820; --paper:#1e242f; --ink:#eef1f6; --muted:#a3aebe;
  --sidebar:#181d26; --soft:#272f3c; --line:#3a4454;
  --accent:#5b9dd9; --accent-soft:#1d2d40; --warning:#f0a848;
  --series-blue:#6aa9e0; --series-orange:#e8954e; --series-purple:#9b8ee0;
  --series-rose:#d97a9a; --series-sky:#4fb3b3; --series-slate:#5fb98a;
  --heat-low:#1f2836; --heat-mid:#3d6b99; --heat-high:#8fc4ec; --heat-label-ink:#131a24;
  --chart-label-ink:#121822; --button-ink:#101720; --glass:rgba(20,24,32,.96);
  --chart-focus:#a9c6e4; --chart-shadow:#00000055;
  --studio-solid:#c96a4a; --studio-hot:#f0a848; --studio-shadow:0 10px 32px #00000026;
  --coral-soft:#3a2a26; --mint-soft:#1f3630; --gold-soft:#3a3120;
}
:root[data-palette="steel"][data-theme="light"] {
  --bg:#f5f7fa; --paper:#ffffff; --ink:#1f2937; --muted:#5a6675;
  --sidebar:#ffffff; --soft:#eef1f6; --line:#d6dce5;
  --accent:#1d68a8; --accent-soft:#e6eef7; --warning:#9a6108;
  --series-blue:#2472ad; --series-orange:#c06a24; --series-purple:#6a5bb5;
  --series-rose:#b04a72; --series-sky:#1c8585; --series-slate:#2f8a5f;
  --heat-low:#eef3f9; --heat-mid:#7bb0d9; --heat-high:#1d5b8f; --heat-label-ink:#fff;
  --chart-label-ink:#fff; --button-ink:#fff; --glass:rgba(245,247,250,.96);
  --chart-focus:#5a86ab; --chart-shadow:#1f293724;
  --studio-solid:#b4552f; --studio-hot:#c98a12; --studio-shadow:0 10px 32px #1f293714;
  --coral-soft:#fceee7; --mint-soft:#e7f4ee; --gold-soft:#faf2dc;
}

/* ══════════ plum 暖紫 ＋ 珊瑚 ══════════
   底色暖灰紫，最不像一般 BI 工具，記憶點強。 */
:root[data-palette="plum"]:not([data-theme="light"]) {
  --bg:#1a161d; --paper:#252029; --ink:#f2eef4; --muted:#b0a4b8;
  --sidebar:#1e1a22; --soft:#332c38; --line:#493f50;
  --accent:#a57fd4; --accent-soft:#2f2440; --warning:#e8955f;
  --series-purple:#a98ae0; --series-rose:#e57f6b; --series-orange:#e0a84e;
  --series-blue:#6fa8d9; --series-sky:#7fb894; --series-slate:#d9799f;
  --heat-low:#2a2233; --heat-mid:#7a5aa8; --heat-high:#c9a9ec; --heat-label-ink:#1b1522;
  --chart-label-ink:#191320; --button-ink:#181121; --glass:rgba(26,22,29,.96);
  --chart-focus:#c4aede; --chart-shadow:#00000055;
  --studio-solid:#d16a52; --studio-hot:#e8b45f; --studio-shadow:0 10px 32px #00000026;
  --coral-soft:#3d2a28; --mint-soft:#243428; --gold-soft:#3b3222;
}
:root[data-palette="plum"][data-theme="light"] {
  --bg:#faf7fb; --paper:#ffffff; --ink:#2e2635; --muted:#665b70;
  --sidebar:#ffffff; --soft:#f3eef6; --line:#e0d7e5;
  --accent:#6f4aa8; --accent-soft:#f0e9f8; --warning:#a85a25;
  --series-purple:#7a55b5; --series-rose:#c05340; --series-orange:#b8791f;
  --series-blue:#2d6fa8; --series-sky:#2f8055; --series-slate:#a8447a;
  --heat-low:#f5eefa; --heat-mid:#b190d4; --heat-high:#5c3a8f; --heat-label-ink:#fff;
  --chart-label-ink:#fff; --button-ink:#fff; --glass:rgba(250,247,251,.96);
  --chart-focus:#8f6fbd; --chart-shadow:#2e263524;
  --studio-solid:#b4492f; --studio-hot:#b8831a; --studio-shadow:0 10px 32px #2e263514;
  --coral-soft:#fbeae5; --mint-soft:#e9f4ea; --gold-soft:#faf1da;
}

/* ══════════ graphite 石墨 ＋ 橘 ══════════
   底色完全中性、不帶任何色相，圖表的六種序列色最跳得出來。 */
:root[data-palette="graphite"]:not([data-theme="light"]) {
  --bg:#17181a; --paper:#212325; --ink:#f0f1f2; --muted:#a7a9ab;
  --sidebar:#1b1d1f; --soft:#2c2f32; --line:#454749;
  --accent:#e07b3c; --accent-soft:#3a2517; --warning:#e0a63c;
  --series-orange:#e8853f; --series-blue:#5b9bd5; --series-purple:#9a7fd0;
  --series-rose:#d9718f; --series-sky:#4aa8a8; --series-slate:#5fae72;
  --heat-low:#25282b; --heat-mid:#a05a2c; --heat-high:#f0a869; --heat-label-ink:#191a1c;
  --chart-label-ink:#17181a; --button-ink:#17181a; --glass:rgba(23,24,26,.96);
  --chart-focus:#c9cdd1; --chart-shadow:#00000059;
  --studio-solid:#d1613a; --studio-hot:#e0a63c; --studio-shadow:0 10px 32px #0000002b;
  --coral-soft:#392722; --mint-soft:#24332a; --gold-soft:#393120;
}
:root[data-palette="graphite"][data-theme="light"] {
  --bg:#f6f6f6; --paper:#ffffff; --ink:#272829; --muted:#616365;
  --sidebar:#ffffff; --soft:#eeeeee; --line:#dbdbdc;
  --accent:#b8531a; --accent-soft:#fbeee4; --warning:#8f6410;
  --series-orange:#c2611f; --series-blue:#2470ab; --series-purple:#6a55b0;
  --series-rose:#b04568; --series-sky:#1f8383; --series-slate:#2f8a55;
  --heat-low:#f4f2f0; --heat-mid:#dda06b; --heat-high:#a3521c; --heat-label-ink:#fff;
  --chart-label-ink:#fff; --button-ink:#fff; --glass:rgba(246,246,246,.96);
  --chart-focus:#8a8f94; --chart-shadow:#26282b24;
  --studio-solid:#b04a26; --studio-hot:#a87a12; --studio-shadow:0 10px 32px #26282b14;
  --coral-soft:#fbece5; --mint-soft:#e9f3eb; --gold-soft:#f9f1da;
}

/* ── 切換器（暫時 UI，選定後連同本檔的另外兩套一起移除） ── */
.palette-switch {
  display:inline-flex; align-items:center; gap:2px; margin-right:8px;
  padding:3px; border:1px solid var(--line); border-radius:99px; background:var(--soft);
}
.palette-switch button {
  border:none; background:none; cursor:pointer; font-family:inherit;
  font-size:.72rem; color:var(--muted); padding:4px 10px; border-radius:99px;
  white-space:nowrap; transition:background .15s ease, color .15s ease;
}
.palette-switch button:hover {color:var(--ink);}
.palette-switch button.on {background:var(--accent); color:var(--button-ink); font-weight:700;}
@media (max-width:820px) {
  .palette-switch button {padding:4px 7px; font-size:.68rem;}
}
@media (max-width:520px) {
  .palette-switch {display:none;} /* 手機版空間不夠，選色在桌面做就好 */
}