/* ============================================================
   7 套和谐主题（通过 <html data-theme="..."> 切换）
   商务蓝 / 中国红 / 森林绿 / 活力橙 / 暗夜黑 / 樱花粉 / 极简白
   每套：中性灰 + 单一主色 + 协调渐变，浅色为主、一套深色
   ============================================================ */

/* ---------- 1. 商务蓝 Business（默认） ---------- */
:root,
[data-theme="business"] {
  --bg: #f4f6fb;
  --bg-2: #f9fbfe;
  --sidebar-bg: #ffffff;
  --card: #ffffff;
  --card-solid: #ffffff;
  --text: #1e293b;
  --muted: #64748b;
  --border: rgba(15, 23, 42, 0.1);
  --primary: #2563eb;
  --primary-dark: #1d4ed8;
  --gradient: linear-gradient(135deg, #3b82f6, #2563eb, #0ea5e9);
  --glow: 0 0 0 1px rgba(37, 99, 235, .14), 0 8px 24px rgba(37, 99, 235, .16);
  --shadow: 0 4px 16px rgba(15, 23, 42, .07);
  --bg-glow:
    radial-gradient(820px 460px at 5% -10%, rgba(37, 99, 235, .09), transparent 60%),
    radial-gradient(820px 460px at 100% 110%, rgba(14, 165, 233, .07), transparent 60%);
  --icon-soft: #eef2ff;
  --hover-bg: rgba(37, 99, 235, .08);
  --active-bg: rgba(37, 99, 235, .12);
}

/* ---------- 2. 中国红 Chinese Red ---------- */
[data-theme="chinese"] {
  --bg: #fbf4f3;
  --bg-2: #fef9f8;
  --sidebar-bg: #ffffff;
  --card: #ffffff;
  --card-solid: #ffffff;
  --text: #2b1d1c;
  --muted: #8a6b66;
  --border: rgba(153, 27, 27, .1);
  --primary: #dc2626;
  --primary-dark: #b91c1c;
  --gradient: linear-gradient(135deg, #ef4444, #dc2626, #b45309);
  --glow: 0 0 0 1px rgba(220, 38, 38, .14), 0 8px 24px rgba(220, 38, 38, .16);
  --shadow: 0 4px 16px rgba(153, 27, 27, .08);
  --bg-glow:
    radial-gradient(820px 460px at 5% -10%, rgba(220, 38, 38, .09), transparent 60%),
    radial-gradient(820px 460px at 100% 110%, rgba(180, 83, 9, .08), transparent 60%);
  --icon-soft: #fef2f2;
  --hover-bg: rgba(220, 38, 38, .07);
  --active-bg: rgba(220, 38, 38, .12);
}

/* ---------- 3. 森林绿 Forest ---------- */
[data-theme="forest"] {
  --bg: #f3f8f4;
  --bg-2: #f9fcf9;
  --sidebar-bg: #ffffff;
  --card: #ffffff;
  --card-solid: #ffffff;
  --text: #1c2b21;
  --muted: #667d6d;
  --border: rgba(22, 101, 52, .1);
  --primary: #16a34a;
  --primary-dark: #15803d;
  --gradient: linear-gradient(135deg, #22c55e, #16a34a, #0d9488);
  --glow: 0 0 0 1px rgba(22, 163, 74, .14), 0 8px 24px rgba(22, 163, 74, .16);
  --shadow: 0 4px 16px rgba(22, 101, 52, .07);
  --bg-glow:
    radial-gradient(820px 460px at 5% -10%, rgba(34, 197, 94, .09), transparent 60%),
    radial-gradient(820px 460px at 100% 110%, rgba(13, 148, 136, .07), transparent 60%);
  --icon-soft: #f0fdf4;
  --hover-bg: rgba(22, 163, 74, .08);
  --active-bg: rgba(22, 163, 74, .12);
}

/* ---------- 4. 活力橙 Vibrant Orange ---------- */
[data-theme="sunset"] {
  --bg: #fdf6f0;
  --bg-2: #fefaf6;
  --sidebar-bg: #ffffff;
  --card: #ffffff;
  --card-solid: #ffffff;
  --text: #2c2115;
  --muted: #85705c;
  --border: rgba(194, 65, 12, .1);
  --primary: #ea580c;
  --primary-dark: #c2410c;
  --gradient: linear-gradient(135deg, #fb923c, #ea580c, #f59e0b);
  --glow: 0 0 0 1px rgba(234, 88, 12, .14), 0 8px 24px rgba(234, 88, 12, .16);
  --shadow: 0 4px 16px rgba(194, 65, 12, .08);
  --bg-glow:
    radial-gradient(820px 460px at 5% -10%, rgba(234, 88, 12, .09), transparent 60%),
    radial-gradient(820px 460px at 100% 110%, rgba(245, 158, 11, .08), transparent 60%);
  --icon-soft: #fff7ed;
  --hover-bg: rgba(234, 88, 12, .07);
  --active-bg: rgba(234, 88, 12, .12);
}

/* ---------- 5. 暗夜黑 Night Dark（唯一深色） ---------- */
[data-theme="dark"] {
  --bg: #0f172a;
  --bg-2: #162033;
  --sidebar-bg: #0b1220;
  --card: rgba(148, 163, 184, .08);
  --card-solid: #1e293b;
  --text: #e2e8f0;
  --muted: #94a3b8;
  --border: rgba(148, 163, 184, .15);
  --primary: #60a5fa;
  --primary-dark: #93c5fd;
  --gradient: linear-gradient(135deg, #38bdf8, #6366f1, #818cf8);
  --glow: 0 0 0 1px rgba(96, 165, 250, .22), 0 8px 28px rgba(96, 165, 250, .22);
  --shadow: 0 4px 18px rgba(2, 6, 23, .5);
  --bg-glow:
    radial-gradient(820px 460px at 5% -10%, rgba(56, 189, 248, .12), transparent 60%),
    radial-gradient(820px 460px at 100% 110%, rgba(99, 102, 241, .13), transparent 60%);
  --icon-soft: rgba(148, 163, 184, .12);
  --hover-bg: rgba(148, 163, 184, .12);
  --active-bg: rgba(96, 165, 250, .18);
}

/* ---------- 6. 樱花粉 Sakura ---------- */
[data-theme="sakura"] {
  --bg: #fdf4f8;
  --bg-2: #fef9fb;
  --sidebar-bg: #ffffff;
  --card: #ffffff;
  --card-solid: #ffffff;
  --text: #2c1d25;
  --muted: #876b78;
  --border: rgba(219, 39, 119, .1);
  --primary: #db2777;
  --primary-dark: #be185d;
  --gradient: linear-gradient(135deg, #f472b6, #ec4899, #f9a8d4);
  --glow: 0 0 0 1px rgba(236, 72, 153, .14), 0 8px 24px rgba(236, 72, 153, .16);
  --shadow: 0 4px 16px rgba(219, 39, 119, .08);
  --bg-glow:
    radial-gradient(820px 460px at 5% -10%, rgba(244, 114, 182, .09), transparent 60%),
    radial-gradient(820px 460px at 100% 110%, rgba(249, 168, 212, .09), transparent 60%);
  --icon-soft: #fdf2f8;
  --hover-bg: rgba(236, 72, 153, .07);
  --active-bg: rgba(236, 72, 153, .12);
}

/* ---------- 7. 极简白 Minimal ---------- */
[data-theme="minimal"] {
  --bg: #fafafa;
  --bg-2: #fefefe;
  --sidebar-bg: #ffffff;
  --card: #ffffff;
  --card-solid: #ffffff;
  --text: #18181b;
  --muted: #71717a;
  --border: rgba(0, 0, 0, .1);
  --primary: #52525b;
  --primary-dark: #3f3f46;
  --gradient: linear-gradient(135deg, #71717a, #52525b, #a1a1aa);
  --glow: 0 0 0 1px rgba(0, 0, 0, .1), 0 8px 24px rgba(0, 0, 0, .1);
  --shadow: 0 4px 16px rgba(0, 0, 0, .06);
  --bg-glow: none;
  --icon-soft: #f4f4f5;
  --hover-bg: rgba(0, 0, 0, .05);
  --active-bg: rgba(0, 0, 0, .08);
}