/* ============================================================
   主题：外观模式（浅色 / 深色 / 跟随系统）+ 主题色预设
   在 设置 → 颜色主题 中切换，结果写入 localStorage：
   quay_theme_mode = light | dark | system
   quay_theme_accent = blue | purple | green | orange | red
   ============================================================ */

/* ---------- 主题色预设 ---------- */
:root[data-accent="blue"]   { --accent: #1a56db; }
:root[data-accent="purple"] { --accent: #7c3aed; }
:root[data-accent="green"]  { --accent: #0f9d58; }
:root[data-accent="orange"] { --accent: #ea7317; }
:root[data-accent="red"]    { --accent: #d9382c; }

/* ---------- 派生色（跟随主题色自动计算） ---------- */
:root {
  --accent-soft: #eef2ff;
  --accent-hover: #1747b8;
}

@supports (color: color-mix(in srgb, red 12%, white)) {
  :root {
    --accent-soft: color-mix(in srgb, var(--accent) 12%, var(--bg));
    --accent-hover: color-mix(in srgb, var(--accent) 86%, #000);
  }
}

/* ---------- 深色模式 ---------- */
:root[data-theme="dark"] {
  --bg: #101319;
  --bg-soft: #171b23;
  --text: #eef1f6;
  --text-secondary: #a6afbd;
  --text-faint: #78818f;
  --border: #242a35;
  --border-strong: #333b49;
  --success-soft: #12281d;
  --warn-soft: #2b2213;
  --danger-soft: #2c1715;
  color-scheme: dark;
  --SCGColor: #eef1fe;
}

/* 深色下的工作台底色（与浅色一致地半透明，让壁纸透出） */
:root[data-theme="dark"] .dash-screen {
  background: color-mix(in srgb, var(--bg-soft) 94%, transparent);
}