/* ============================================================
   七色主题（theme-seven）
   - 每个主题独立定义 --bg-grad-1 / --bg-grad-2 渐变背景变量
   - 既有暗色主题，也有亮色主题，切换时背景真正随主题变色
   - 只定义变量，不写布局；由 style.css 通过 linear-gradient 消费
   ============================================================ */

/* ---------- 幻影紫（默认 / 暗） ---------- */
[data-theme="purple"] {
    --primary: #7c3aed;
    --primary-hover: #a78bfa;
    --primary-soft: rgba(124, 58, 237, .18);
    --bg-grad-1: #0f1115;
    --bg-grad-2: #1c2030;
    --bg-body: #0f1115;
    --bg-card: #1c2030;
    --bg-hover: #252a3d;
    --bg-input: #252a3d;
    --border: #2a3045;
    --text-main: #e8ecf4;
    --text-second: #aab2c5;
    --text-muted: #6b7488;
    --shadow: 0 8px 30px rgba(124, 58, 237, .25);
}

/* ---------- 极光蓝（亮） ---------- */
[data-theme="aurora"] {
    --primary: #3b82f6;
    --primary-hover: #60a5fa;
    --primary-soft: rgba(59, 130, 246, .15);
    --bg-grad-1: #eef4ff;
    --bg-grad-2: #dcebff;
    --bg-body: #eef4ff;
    --bg-card: #ffffff;
    --bg-hover: #f1f6ff;
    --bg-input: #f8faff;
    --border: #dcebff;
    --text-main: #0f172a;
    --text-second: #334155;
    --text-muted: #64748b;
    --shadow: 0 8px 30px rgba(59, 130, 246, .18);
}

/* ---------- 玫瑰红（亮） ---------- */
[data-theme="rose"] {
    --primary: #ec4899;
    --primary-hover: #f472b6;
    --primary-soft: rgba(236, 72, 153, .15);
    --bg-grad-1: #fff1f6;
    --bg-grad-2: #ffe4ec;
    --bg-body: #fff1f6;
    --bg-card: #ffffff;
    --bg-hover: #ffeef4;
    --bg-input: #fff7fa;
    --border: #ffd6e3;
    --text-main: #3b0a1a;
    --text-second: #6b2135;
    --text-muted: #9d4d66;
    --shadow: 0 8px 30px rgba(236, 72, 153, .2);
}

/* ---------- 落日橙（亮） ---------- */
[data-theme="orange"] {
    --primary: #f97316;
    --primary-hover: #fb923c;
    --primary-soft: rgba(249, 115, 22, .15);
    --bg-grad-1: #fff7ed;
    --bg-grad-2: #ffedd5;
    --bg-body: #fff7ed;
    --bg-card: #ffffff;
    --bg-hover: #fff2e0;
    --bg-input: #fffaf5;
    --border: #fed7aa;
    --text-main: #2a1700;
    --text-second: #5c3300;
    --text-muted: #8a5500;
    --shadow: 0 8px 30px rgba(249, 115, 22, .18);
}

/* ---------- 薄荷绿（亮） ---------- */
[data-theme="green"] {
    --primary: #10b981;
    --primary-hover: #34d399;
    --primary-soft: rgba(16, 185, 129, .15);
    --bg-grad-1: #ecfdf5;
    --bg-grad-2: #d1fae5;
    --bg-body: #ecfdf5;
    --bg-card: #ffffff;
    --bg-hover: #e6f7ef;
    --bg-input: #f4fdf8;
    --border: #a7f3d0;
    --text-main: #052e1f;
    --text-second: #144d36;
    --text-muted: #3f7a5c;
    --shadow: 0 8px 30px rgba(16, 185, 129, .18);
}

/* ---------- 赛博青（暗） ---------- */
[data-theme="cyan"] {
    --primary: #06b6d4;
    --primary-hover: #22d3ee;
    --primary-soft: rgba(6, 182, 212, .18);
    --bg-grad-1: #081b22;
    --bg-grad-2: #0e2b34;
    --bg-body: #081b22;
    --bg-card: #0f2530;
    --bg-hover: #13313e;
    --bg-input: #13313e;
    --border: #164e63;
    --text-main: #d7f5fb;
    --text-second: #9ad6e2;
    --text-muted: #5e9aa6;
    --shadow: 0 8px 30px rgba(6, 182, 212, .25);
}

/* ---------- 樱花粉（亮） ---------- */
[data-theme="pink"] {
    --primary: #f43f5e;
    --primary-hover: #fb7185;
    --primary-soft: rgba(244, 63, 94, .15);
    --bg-grad-1: #fff1f2;
    --bg-grad-2: #ffe4e6;
    --bg-body: #fff1f2;
    --bg-card: #ffffff;
    --bg-hover: #ffecee;
    --bg-input: #fff8f9;
    --border: #fecdd3;
    --text-main: #3b0a0f;
    --text-second: #6b1522;
    --text-muted: #9d3d4d;
    --shadow: 0 8px 30px rgba(244, 63, 94, .2);
}

/* ---------- 星空蓝（暗） ---------- */
[data-theme="blue"] {
    --primary: #4f46e5;
    --primary-hover: #818cf8;
    --primary-soft: rgba(79, 70, 229, .18);
    --bg-grad-1: #0b1020;
    --bg-grad-2: #131a30;
    --bg-body: #0b1020;
    --bg-card: #131a30;
    --bg-hover: #1a2240;
    --bg-input: #1a2240;
    --border: #1e293b;
    --text-main: #e0e7ff;
    --text-second: #a5b4fc;
    --text-muted: #6b7a99;
    --shadow: 0 8px 30px rgba(79, 70, 229, .25);
}

/* ---------- 暗夜黑（暗） ---------- */
[data-theme="dark"] {
    --primary: #6b8aff;
    --primary-hover: #8ba8ff;
    --primary-soft: rgba(107, 138, 255, .15);
    --bg-grad-1: #0f1115;
    --bg-grad-2: #161922;
    --bg-body: #0f1115;
    --bg-card: #1c2030;
    --bg-hover: #252a3d;
    --bg-input: #252a3d;
    --border: #2a3045;
    --text-main: #e8ecf4;
    --text-second: #aab2c5;
    --text-muted: #6b7488;
    --shadow: 0 8px 30px rgba(0, 0, 0, .4);
}