/* ------------------------------------------------ */
/* TÉMA – NEON SZÍNEK ÉS GLOW */
/* ------------------------------------------------ */

/* Alap neon szín (JS-ben állítjuk át) */
:root {
  --neon: #00ff00;
}

/* Glow ON/OFF (JS-ben állítjuk át) */
:root {
  --glow-soft: 0 0 8px var(--neon), 0 0 16px var(--neon);
}

/* Színvariációk */
.theme-green {
  --neon: #00ff00;
}

.theme-white {
  --neon: #ffffff;
}

.theme-red {
  --neon: #ff0033;
}

.theme-blue {
  --neon: #00aaff;
}

.theme-purple {
  --neon: #b300ff;
}

.theme-orange {
  --neon: #ff8800;
}

/* Glow kikapcsolva */
.theme-noglow {
  --glow-soft: none;
}

/* ------------------------------------------------ */
/* Általános neon hatások */
/* ------------------------------------------------ */

.neon-border {
  border: 3px solid var(--neon);
}

.neon-text {
  color: var(--neon);
  text-shadow: var(--glow-soft);
}

.neon-hover:hover {
  background: rgba(0, 255, 0, 0.12);
  transform: scale(1.05);
}

/* ------------------------------------------------ */
/* Animációk – általános */
/* ------------------------------------------------ */

@keyframes neonPulse {
  0%   { box-shadow: 0 0 6px var(--neon); }
  50%  { box-shadow: 0 0 14px var(--neon); }
  100% { box-shadow: 0 0 6px var(--neon); }
}

.pulse {
  animation: neonPulse 2s infinite;
}