.theme-transitioning {
  transition: all 0.4s ease;
}

@keyframes themePulse {
  0% { opacity: 0; }
  50% { opacity: 0.2; }
  100% { opacity: 0; }
}

.theme-transitioning::before {
  animation: themePulse 0.4s ease;
}

/* 🌑 DARK */
[data-theme="dark"] {
  --bg: #0d0d0d;
  --text: #ffffff;
  --primary: #222;
  --accent: #444;
}

/* 💖 FUCHSIA */
[data-theme="fuchsia"] {
  --bg: #120010;
  --text: #ffffff;
  --primary: #ff2bd6;
  --accent: #ff00aa;
}

/* 💚 GREEN */
[data-theme="green"] {
  --bg: #050f08;
  --text: #eaffea;
  --primary: #00ff88;
  --accent: #00ffcc;
}