/*
Ability Esports — Live UI primitive.
The .ae-live-dot pattern locked in /docs/DESIGN-TOKENS.md §10, built now
because Stage 6's Button `live` variant (button.css) is its first real
consumer. Status is never communicated by color/animation alone — every
use of this dot is paired with a visible "LIVE" text badge or label,
enforced by the calling component, not by this file.
*/

.ae-live-dot {
	display: inline-block;
	width: var(--ae-live-dot-size);
	height: var(--ae-live-dot-size);
	border-radius: var(--ae-radius-pill);
	background: var(--ae-live-dot-color);
	animation: ae-live-pulse var(--ae-live-pulse-duration) var(--ae-live-pulse-easing) infinite;
}

@keyframes ae-live-pulse {
	0%,
	100% {
		opacity: 1;
		transform: scale(1);
	}
	50% {
		opacity: 0.4;
		transform: scale(1.4);
	}
}

@media (prefers-reduced-motion: reduce) {
	.ae-live-dot {
		animation: none;
	}
}