/* Base tweaks and small custom bits that sit alongside Tailwind utilities.
 * Loaded directly in index.html so the site renders with the Tailwind Play CDN
 * during development, and is also picked up by the production build. */

html {
	scroll-padding-top: 5rem; /* offset anchor jumps for the sticky header */
}

/* Gentle pulse for the "live" status dot. */
.live-dot {
	animation: live-pulse 2s ease-in-out infinite;
}

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

/* Respect users who prefer reduced motion. */
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
	.live-dot {
		animation: none;
	}
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}