/**
 * KarmaLink — Glow (FX-GLOW-PULSE) — FONTE UNICA dell'effetto glow.
 *
 * Definito una sola volta e richiamato ovunque tramite le animazioni:
 *   - karmalink-wizard-step-glow-pulse                 → viola  (operatore)  · FX-GLOW-PULSE--viola
 *   - karmalink-wizard-step-glow-pulse-customer        → arancio (cliente)    · FX-GLOW-PULSE--arancio
 *   - karmalink-wizard-step-glow-pulse-customer-text   → arancio sul testo    · FX-GLOW-PULSE--arancio (lettere)
 *
 * Caratteristiche definitive:
 *   - Sui campi e bottoni è un box-shadow: l'alone resta SEMPRE fuori dall'elemento.
 *   - Sui testi usa text-shadow, così l'alone parte dalle lettere e non da un riquadro.
 *   - Il bordo NON si ingrossa: i raggi restano fissi, pulsa solo l'intensità.
 *   - Si attiva su hover (e focus sui campi), mai a riposo.
 *
 * Per correggere il glow in tutto il sito si modifica SOLO questo file.
 */

@keyframes karmalink-wizard-step-glow-pulse {
	0%,
	100% {
		box-shadow:
			0 0 20px rgba(140, 82, 255, 0.30),
			0 0 40px rgba(140, 82, 255, 0.18),
			0 0 64px rgba(140, 82, 255, 0.10),
			0 0 88px rgba(140, 82, 255, 0.05);
	}
	50% {
		box-shadow:
			0 0 20px rgba(140, 82, 255, 0.72),
			0 0 40px rgba(140, 82, 255, 0.50),
			0 0 64px rgba(140, 82, 255, 0.32),
			0 0 88px rgba(140, 82, 255, 0.16);
	}
}

@keyframes karmalink-wizard-step-glow-pulse-customer {
	0%,
	100% {
		box-shadow:
			0 0 20px rgba(255, 122, 0, 0.30),
			0 0 40px rgba(255, 141, 64, 0.18),
			0 0 64px rgba(255, 122, 0, 0.10),
			0 0 88px rgba(255, 122, 0, 0.05);
	}
	50% {
		box-shadow:
			0 0 20px rgba(255, 122, 0, 0.72),
			0 0 40px rgba(255, 141, 64, 0.50),
			0 0 64px rgba(255, 122, 0, 0.32),
			0 0 88px rgba(255, 122, 0, 0.16);
	}
}

@keyframes karmalink-wizard-step-glow-pulse-customer-text {
	0%,
	100% {
		text-shadow:
			0 0 8px rgba(255, 122, 0, 0.30),
			0 0 16px rgba(255, 141, 64, 0.18),
			0 0 28px rgba(255, 122, 0, 0.10),
			0 0 40px rgba(255, 122, 0, 0.05);
	}
	50% {
		text-shadow:
			0 0 8px rgba(255, 122, 0, 0.72),
			0 0 16px rgba(255, 141, 64, 0.50),
			0 0 28px rgba(255, 122, 0, 0.32),
			0 0 40px rgba(255, 122, 0, 0.16);
	}
}