:root {
  --bg-gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --bg-gradient-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  --bg-surface: rgba(255, 255, 255, 0.1);
  --text-primary: #ffffff;
  --text-secondary: rgba(255, 255, 255, 0.7);
  --border-color: rgba(255, 255, 255, 0.2);
  --shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  --blur: blur(10px);
  --bg-canvas: linear-gradient(135deg, #e0eaff 0%, #f0f4ff 50%, #ffffff 100%);
}

/* Thème Cyberpunk */
[data-theme="cyberpunk"] {
  --bg-gradient-1: linear-gradient(135deg, #f72585 0%, #7209b7 50%, #3a0ca3 100%);
  --bg-gradient-2: linear-gradient(135deg, #ff006e 0%, #8338ec 50%, #3a86ff 100%);
  --bg-surface: rgba(242, 37, 133, 0.15);
  --text-primary: #ffffff;
  --text-secondary: #f72585;
  --border-color: rgba(242, 37, 133, 0.4);
  --shadow: 0 0 30px rgba(242, 37, 133, 0.5);
  --bg-canvas: linear-gradient(135deg, #ffe0f5 0%, #f9d6ff 50%, #fff0fa 100%);
}

/* Thème Ocean Deep */
[data-theme="ocean"] {
  --bg-gradient-1: linear-gradient(135deg, #0575e6 0%, #021b79 100%);
  --bg-gradient-2: linear-gradient(135deg, #00d4ff 0%, #020024 50%, #090979 100%);
  --bg-surface: rgba(5, 117, 230, 0.15);
  --text-primary: #ffffff;
  --text-secondary: #00d4ff;
  --border-color: rgba(0, 212, 255, 0.3);
  --shadow: 0 0 40px rgba(0, 212, 255, 0.4);
  --bg-canvas: linear-gradient(135deg, #d6f0ff 0%, #e6faff 50%, #ffffff 100%);
}

/* Thème Sunset Vibes */
[data-theme="sunset"] {
  --bg-gradient-1: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
  --bg-gradient-2: linear-gradient(135deg, #ff6a00 0%, #ee0979 100%);
  --bg-surface: rgba(250, 112, 154, 0.2);
  --text-primary: #ffffff;
  --text-secondary: #fee140;
  --border-color: rgba(254, 225, 64, 0.4);
  --shadow: 0 0 35px rgba(250, 112, 154, 0.5);
  --bg-canvas: linear-gradient(135deg, #fff0e0 0%, #fff5d6 50%, #ffffff 100%);
}

/* Thème Aurora */
[data-theme="aurora"] {
  --bg-gradient-1: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
  --bg-gradient-2: linear-gradient(135deg, #13547a 0%, #80d0c7 100%);
  --bg-surface: rgba(168, 237, 234, 0.2);
  --text-primary: #ffffff;
  --text-secondary: #80d0c7;
  --border-color: rgba(128, 208, 199, 0.4);
  --shadow: 0 0 40px rgba(168, 237, 234, 0.4);
  --bg-canvas: linear-gradient(135deg, #eafffa 0%, #fdf0f5 50%, #ffffff 100%);
}

/* Thème Neon Night */
[data-theme="neon"] {
  --bg-gradient-1: linear-gradient(135deg, #12c2e9 0%, #c471ed 50%, #f64f59 100%);
  --bg-gradient-2: linear-gradient(135deg, #ff0844 0%, #ffb199 100%);
  --bg-surface: rgba(18, 194, 233, 0.15);
  --text-primary: #ffffff;
  --text-secondary: #12c2e9;
  --border-color: rgba(18, 194, 233, 0.4);
  --shadow: 0 0 50px rgba(246, 79, 89, 0.6);
  --bg-canvas: linear-gradient(135deg, #ffe6f0 0%, #fff0f5 50%, #ffffff 100%);
}

/* Thème Forest Mystic */
[data-theme="forest"] {
  --bg-gradient-1: linear-gradient(135deg, #134e5e 0%, #71b280 100%);
  --bg-gradient-2: linear-gradient(135deg, #0f2027 0%, #203a43 50%, #2c5364 100%);
  --bg-surface: rgba(19, 78, 94, 0.2);
  --text-primary: #ffffff;
  --text-secondary: #71b280;
  --border-color: rgba(113, 178, 128, 0.4);
  --shadow: 0 0 30px rgba(113, 178, 128, 0.4);
  --bg-canvas: linear-gradient(135deg, #e6fff0 0%, #f0fff5 50%, #ffffff 100%);
}

/* Thème Royal Purple */
[data-theme="royal"] {
  --bg-gradient-1: linear-gradient(135deg, #360033 0%, #0b8793 100%);
  --bg-gradient-2: linear-gradient(135deg, #d38312 0%, #a83279 100%);
  --bg-surface: rgba(54, 0, 51, 0.2);
  --text-primary: #ffffff;
  --text-secondary: #d38312;
  --border-color: rgba(211, 131, 18, 0.4);
  --shadow: 0 0 40px rgba(168, 50, 121, 0.5);
  --bg-canvas: linear-gradient(135deg, #f5e6ff 0%, #fff0fa 50%, #ffffff 100%);
}

/* Thème Fire & Ice */
[data-theme="fireice"] {
  --bg-gradient-1: linear-gradient(135deg, #ff0099 0%, #493240 100%);
  --bg-gradient-2: linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);
  --bg-surface: rgba(255, 0, 153, 0.15);
  --text-primary: #ffffff;
  --text-secondary: #00f2fe;
  --border-color: rgba(0, 242, 254, 0.4);
  --shadow: 0 0 45px rgba(255, 0, 153, 0.5);
  --bg-canvas: linear-gradient(135deg, #e6faff 0%, #f0ffff 50%, #ffffff 100%);
}

/* Thème Dark Elegance */
[data-theme="dark"] {
  --bg-gradient-1: linear-gradient(135deg, #0f0f0f 0%, #2d2d2d 50%, #1a1a1a 100%);
  --bg-gradient-2: linear-gradient(135deg, #434343 0%, #000000 100%);
  --bg-surface: rgba(45, 45, 45, 0.3);
  --text-primary: #e0e0e0;
  --text-secondary: #b0b0b0;
  --border-color: rgba(176, 176, 176, 0.3);
  --shadow: 0 0 30px rgba(0, 0, 0, 0.8);
  --bg-canvas: linear-gradient(135deg, #f0f0f0 0%, #fafafa 50%, #ffffff 100%);
}

/* Thème Midnight Blue */
[data-theme="midnight"] {
  --bg-gradient-1: linear-gradient(135deg, #0a1128 0%, #1c2541 50%, #001233 100%);
  --bg-gradient-2: linear-gradient(135deg, #3a506b 0%, #0b132b 100%);
  --bg-surface: rgba(28, 37, 65, 0.3);
  --text-primary: #ffffff;
  --text-secondary: #5bc0be;
  --border-color: rgba(91, 192, 190, 0.3);
  --shadow: 0 0 35px rgba(10, 17, 40, 0.9);
  --bg-canvas: linear-gradient(135deg, #e6f0ff 0%, #f0f5ff 50%, #ffffff 100%);
}

/* Thème Charcoal */
[data-theme="charcoal"] {
  --bg-gradient-1: linear-gradient(135deg, #16213e 0%, #0f3460 50%, #1a1a2e 100%);
  --bg-gradient-2: linear-gradient(135deg, #533483 0%, #1a1a2e 100%);
  --bg-surface: rgba(22, 33, 62, 0.3);
  --text-primary: #eaeaea;
  --text-secondary: #94a3b8;
  --border-color: rgba(148, 163, 184, 0.3);
  --shadow: 0 0 40px rgba(15, 52, 96, 0.7);
  --bg-canvas: linear-gradient(135deg, #f0f4fa 0%, #f8faff 50%, #ffffff 100%);
}