/* Ocean Aero Theme */
[data-theme="ocean"] {
  --bg-primary: url('/assets/backgrounds/Gemini_Generated_Image_4bi3zr4bi3zr4bi3.png') center/cover no-repeat;
  --bg-overlay: linear-gradient(135deg, rgba(0, 40, 80, 0.5) 0%, rgba(0, 80, 120, 0.3) 50%, rgba(0, 40, 80, 0.5) 100%);
  --accent-primary: #0077b6;
  --accent-secondary: #00b4d8;
  --accent-glow: rgba(0, 119, 182, 0.4);
  --accent-text: #90e0ef;
}

/* Green Earth Theme */
[data-theme="green"] {
  --bg-primary: url('/assets/backgrounds/Gemini_Generated_Image_82n22g82n22g82n2.png') center/cover no-repeat;
  --bg-overlay: linear-gradient(135deg, rgba(10, 40, 10, 0.5) 0%, rgba(20, 60, 20, 0.3) 50%, rgba(10, 40, 10, 0.5) 100%);
  --accent-primary: #2e7d32;
  --accent-secondary: #66bb6a;
  --accent-glow: rgba(46, 125, 50, 0.4);
  --accent-text: #a5d6a7;
}

/* Crystal Glass Theme */
[data-theme="crystal"] {
  --bg-primary: url('/assets/backgrounds/Gemini_Generated_Image_8as2948as2948as2.png') center/cover no-repeat;
  --bg-overlay: linear-gradient(135deg, rgba(20, 25, 40, 0.5) 0%, rgba(30, 40, 60, 0.3) 50%, rgba(20, 25, 40, 0.5) 100%);
  --accent-primary: #7c8da8;
  --accent-secondary: #b0c4de;
  --accent-glow: rgba(176, 196, 222, 0.3);
  --accent-text: #d4e0ed;
}

/* Aurora Theme */
[data-theme="aurora"] {
  --bg-primary: url('/assets/backgrounds/Gemini_Generated_Image_dd3avqdd3avqdd3a.png') center/cover no-repeat;
  --bg-overlay: linear-gradient(135deg, rgba(5, 5, 20, 0.55) 0%, rgba(10, 15, 30, 0.4) 50%, rgba(5, 5, 20, 0.55) 100%);
  --accent-primary: #00c896;
  --accent-secondary: #7b5ea7;
  --accent-glow: rgba(0, 200, 150, 0.35);
  --accent-text: #88ddbb;
}

/* Theme Selector Buttons */
.theme-btn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 3px solid transparent;
  cursor: pointer;
  transition: var(--transition);
  position: relative;
  overflow: hidden;
}

.theme-btn:hover {
  transform: scale(1.1);
}

.theme-btn.active {
  border-color: #fff;
  box-shadow: 0 0 20px var(--accent-glow);
}

.theme-btn[data-theme="ocean"] {
  background: url('/assets/backgrounds/Gemini_Generated_Image_4bi3zr4bi3zr4bi3.png') center/cover;
}
.theme-btn[data-theme="green"] {
  background: url('/assets/backgrounds/Gemini_Generated_Image_82n22g82n22g82n2.png') center/cover;
}
.theme-btn[data-theme="crystal"] {
  background: url('/assets/backgrounds/Gemini_Generated_Image_8as2948as2948as2.png') center/cover;
}
.theme-btn[data-theme="aurora"] {
  background: url('/assets/backgrounds/Gemini_Generated_Image_dd3avqdd3avqdd3a.png') center/cover;
}