/* ============================================================
   铁锤小站 · 主题皮肤（每个皮肤 = 主色 + 底色调性）
   机制：html[data-skin="xx"] 覆盖 accent 变量，与亮/暗开关叠加
   ============================================================ */

/* ---------- 落日橘 ---------- */
[data-skin="sunset"] {
  --blue: #ff7a2e;
  --blue-deep: #e05e14;
  --blue-soft: #ffeeda;
  --bg: #fff7ef;
  --bg-soft: #ffe9d9;
  --line: #f2d4bb;
  --header-bg: rgba(255, 247, 239, 0.85);
  --dot: rgba(224, 140, 70, 0.1);
  --btn-grad-top: #ffab54;
  --btn-grad-bottom: #f07f1f;
  --blob-bg: radial-gradient(circle at 32% 26%, #ffffff 0%, #ffe6cc 52%, #ffc9a0 100%);
}
[data-theme="dark"][data-skin="sunset"] {
  --blue: #ffa257;
  --blue-deep: #ffbc80;
  --blue-soft: #4a3222;
  --bg-soft: #2b2333;
  --line: #4a3b46;
}

/* ---------- 青柠薄荷 ---------- */
[data-skin="mint"] {
  --blue: #17b877;
  --blue-deep: #0e9a62;
  --blue-soft: #d9f7e8;
  --bg: #effaf3;
  --bg-soft: #daf2e4;
  --line: #c1e6d2;
  --header-bg: rgba(239, 250, 243, 0.85);
  --dot: rgba(60, 170, 120, 0.1);
  --btn-grad-top: #4ed699;
  --btn-grad-bottom: #12a468;
  --blob-bg: radial-gradient(circle at 32% 26%, #ffffff 0%, #d9f7e6 52%, #ace8cb 100%);
}
[data-theme="dark"][data-skin="mint"] {
  --blue: #3fdcb2;
  --blue-deep: #7aeac8;
  --blue-soft: #1c4a3a;
  --bg-soft: #1b2f2c;
  --line: #37514c;
}

/* ---------- 樱花甜心 ---------- */
[data-skin="sakura"] {
  --blue: #ff5f9e;
  --blue-deep: #ef3f86;
  --blue-soft: #ffe3ee;
  --bg: #fff5f9;
  --bg-soft: #ffe6f0;
  --line: #f4cddd;
  --header-bg: rgba(255, 245, 249, 0.85);
  --dot: rgba(230, 120, 170, 0.1);
  --btn-grad-top: #ff8fbc;
  --btn-grad-bottom: #f04a90;
  --blob-bg: radial-gradient(circle at 32% 26%, #ffffff 0%, #ffe0ee 52%, #ffc4de 100%);
}
[data-theme="dark"][data-skin="sakura"] {
  --blue: #ff85b8;
  --blue-deep: #ffa5c9;
  --blue-soft: #4a2a3c;
  --bg-soft: #2f2230;
  --line: #4c394d;
}

/* ---------- 星云葡萄 ---------- */
[data-skin="grape"] {
  --blue: #8a63ff;
  --blue-deep: #7047f0;
  --blue-soft: #eae3ff;
  --bg: #f5f2ff;
  --bg-soft: #e8e1ff;
  --line: #d4c9f4;
  --header-bg: rgba(245, 242, 255, 0.85);
  --dot: rgba(140, 110, 230, 0.1);
  --btn-grad-top: #a988ff;
  --btn-grad-bottom: #7145ea;
  --blob-bg: radial-gradient(circle at 32% 26%, #ffffff 0%, #e6ddff 52%, #c9b8ff 100%);
}
[data-theme="dark"][data-skin="grape"] {
  --blue: #ab8fff;
  --blue-deep: #c7b0ff;
  --blue-soft: #332a5e;
  --bg-soft: #221e3e;
  --line: #403a6b;
}

/* ---------- 青空汽水（浅青） ---------- */
[data-skin="sky"] {
  --blue: #16a9c9;
  --blue-deep: #0e8ba8;
  --blue-soft: #dcf5fb;
  --bg: #eefaff;
  --bg-soft: #d9f1fa;
  --line: #bfdfec;
  --header-bg: rgba(238, 250, 255, 0.85);
  --dot: rgba(60, 160, 190, 0.1);
  --btn-grad-top: #54cfE8;
  --btn-grad-bottom: #1493b5;
  --blob-bg: radial-gradient(circle at 32% 26%, #ffffff 0%, #d6f3fb 52%, #abe4f5 100%);
}
[data-theme="dark"][data-skin="sky"] {
  --blue: #52c8e8;
  --blue-deep: #8adcf2;
  --blue-soft: #173a4c;
  --bg-soft: #16262f;
  --line: #2f4652;
}