/* ============================================================
   Theme System - 5套主题，通过 html[data-theme] 切换
   使用方法：JS设置 document.documentElement.dataset.theme = 'a'
   ============================================================ */

/* Theme A: 热力红 - 默认主题 */
html[data-theme="a"] {
  --color-primary: #ff4444;
  --color-primary-light: #ff6b6b;
  --color-primary-dark: #cc3333;
  --color-gradient: linear-gradient(135deg, #ff4444, #ff6b6b);
  --color-gradient-hover: linear-gradient(135deg, #ff5555, #ff7b7b);
  --color-bg: #0d1117;
  --color-bg-card: #161b22;
  --color-bg-input: #0d1117;
  --color-bg-input-focus: #111820;
  --color-bg-hover: #1c2333;
  --color-text: #e6edf3;
  --color-text-secondary: #8b949e;
  --color-text-muted: #484f58;
  --color-text-placeholder: #30363d;
  --color-border: #21262d;
  --color-border-focus: #ff4444;
  --color-success: #3fb950;
  --color-success-bg: rgba(63,185,80,0.15);
  --color-warning: #d29922;
  --color-warning-bg: rgba(210,153,34,0.15);
  --color-error: #ff4444;
  --color-error-bg: rgba(255,68,68,0.15);
  --color-neu-light: rgba(255,255,255,0.04);
  --color-neu-dark: rgba(0,0,0,0.5);
  --shadow-card: 4px 4px 8px rgba(0,0,0,0.5), -2px -2px 6px rgba(255,255,255,0.04);
  --shadow-button: 0 4px 20px rgba(255,68,68,0.3);
  --shadow-float: 0 8px 30px rgba(255,68,68,0.15);
}

/* Theme B: 冰蓝科技 - Ice Blue Tech */
html[data-theme="b"] {
  --color-primary: #00d4ff;
  --color-primary-light: #66e1ff;
  --color-primary-dark: #00a3c4;
  --color-gradient: linear-gradient(135deg, #00d4ff, #0077ff);
  --color-gradient-hover: linear-gradient(135deg, #33ddff, #0099ff);
  --color-bg: #030b18;
  --color-bg-card: #071525;
  --color-bg-input: #091d33;
  --color-bg-input-focus: #0b2540;
  --color-bg-hover: #081d2e;
  --color-text: #e8f4ff;
  --color-text-secondary: #7ab8e8;
  --color-text-muted: #2a5a7a;
  --color-text-placeholder: #0d2a40;
  --color-border: #0d2a4a;
  --color-border-focus: #00d4ff;
  --color-success: #00ffd4;
  --color-success-bg: rgba(0, 255, 212, 0.08);
  --color-warning: #00b4ff;
  --color-warning-bg: rgba(0, 180, 255, 0.08);
  --color-error: #ff4466;
  --color-error-bg: rgba(255, 68, 102, 0.08);
  --shadow-card: 0 0 20px rgba(0, 212, 255, 0.06);
  --shadow-button: 0 0 15px rgba(0, 212, 255, 0.2);
  --shadow-float: 0 0 30px rgba(0, 212, 255, 0.1);
}

/* Theme C: 紫色能量 - Purple Energy */
html[data-theme="c"] {
  --color-primary: #a29bfe;
  --color-primary-light: #d0d0ff;
  --color-primary-dark: #6c5ce7;
  --color-gradient: linear-gradient(135deg, #6c5ce7, #a29bfe);
  --color-gradient-hover: linear-gradient(135deg, #7c6cf7, #b2abfe);
  --color-bg: #080812;
  --color-bg-card: #0e0e22;
  --color-bg-input: #14142a;
  --color-bg-input-focus: #1a1a35;
  --color-bg-hover: #111128;
  --color-text: #e8e8ff;
  --color-text-secondary: #9090c0;
  --color-text-muted: #505080;
  --color-text-placeholder: #353560;
  --color-border: #252550;
  --color-border-focus: #a29bfe;
  --color-success: #00e5a0;
  --color-success-bg: rgba(0, 229, 160, 0.1);
  --color-warning: #ffb800;
  --color-warning-bg: rgba(255, 184, 0, 0.1);
  --color-error: #ff4d6a;
  --color-error-bg: rgba(255, 77, 106, 0.1);
  --shadow-card: 0 4px 24px rgba(108, 92, 231, 0.12);
  --shadow-button: 0 4px 16px rgba(108, 92, 231, 0.3);
  --shadow-float: 0 8px 32px rgba(108, 92, 231, 0.2);
}

/* Theme D: 赛博朋克 - Cyberpunk Neon */
html[data-theme="d"] {
  --color-primary: #00ff9f;
  --color-primary-light: #66ffb8;
  --color-primary-dark: #00cc7f;
  --color-gradient: linear-gradient(135deg, #ff00ff, #00ffff);
  --color-gradient-hover: linear-gradient(135deg, #ff44ff, #22ffff);
  --color-bg: #0a0010;
  --color-bg-card: #12001f;
  --color-bg-input: #1a0030;
  --color-bg-input-focus: #220040;
  --color-bg-hover: #150025;
  --color-text: #f0f0ff;
  --color-text-secondary: #aa88ff;
  --color-text-muted: #4422aa;
  --color-text-placeholder: #221166;
  --color-border: #2d0050;
  --color-border-focus: #00ff9f;
  --color-success: #00ff9f;
  --color-success-bg: rgba(0, 255, 159, 0.08);
  --color-warning: #ff00ff;
  --color-warning-bg: rgba(255, 0, 255, 0.08);
  --color-error: #ff3366;
  --color-error-bg: rgba(255, 51, 102, 0.08);
  --shadow-card: 0 0 15px rgba(0, 255, 159, 0.06), 0 0 5px rgba(255, 0, 255, 0.04);
  --shadow-button: 0 0 20px rgba(0, 255, 159, 0.25);
  --shadow-float: 0 0 40px rgba(0, 255, 159, 0.15), 0 0 10px rgba(255, 0, 255, 0.1);
}

/* Theme E: 奢华暗金 - Luxurious Dark Gold */
html[data-theme="e"] {
  --color-primary: #d4af37;
  --color-primary-light: #e8c860;
  --color-primary-dark: #b8960c;
  --color-gradient: linear-gradient(135deg, #d4af37, #f0d060);
  --color-gradient-hover: linear-gradient(135deg, #e8c860, #f5da70);
  --color-bg: #0a0806;
  --color-bg-card: #141210;
  --color-bg-input: #1c1914;
  --color-bg-input-focus: #242018;
  --color-bg-hover: #1a1712;
  --color-text: #f0e6c8;
  --color-text-secondary: #a89868;
  --color-text-muted: #5a4a28;
  --color-text-placeholder: #302820;
  --color-border: #2a2418;
  --color-border-focus: #d4af37;
  --color-success: #7fd4a0;
  --color-success-bg: rgba(127, 212, 160, 0.08);
  --color-warning: #d4af37;
  --color-warning-bg: rgba(212, 175, 55, 0.08);
  --color-error: #e87070;
  --color-error-bg: rgba(232, 112, 112, 0.08);
  --shadow-card: 0 0 0 1px #2a2418, 0 4px 20px rgba(212, 175, 55, 0.04);
  --shadow-button: 0 2px 12px rgba(212, 175, 55, 0.15);
  --shadow-float: 0 8px 30px rgba(212, 175, 55, 0.1);
}