/*
 * Design System - AELITA
 * base.css - minimal, safe foundation for gradual adoption.
 *
 * Source of truth: docs/aelita-design/DESIGN.md
 *
 * Intentionally contains NO global `html`/`body` typography, colors or
 * background. Typography and color tokens are applied per surface during
 * integration, so loading this file never changes the existing site.
 *
 * Kept here (safe base only):
 *   - box-sizing reset (Bootstrap 3 already applies the same box model);
 *   - focus-visible accessibility;
 *   - prefers-reduced-motion handling.
 *
 * No hex colors, no !important, no Bootstrap classes.
 * Status: NOT enqueued yet (functions.php untouched).
 */

/* Safe reset: Bootstrap 3 already applies the same box model. */
*,
*::before,
*::after {
	box-sizing: border-box;
}

/* Keyboard focus. Non-keyboard focus is left to the surrounding system. */
:focus-visible {
	outline: 2px solid var(--focus-ring);
	outline-offset: 2px;
}

:focus:not(:focus-visible) {
	outline: none;
}

/*
 * Reduced motion: remove movement, keep opacity/color feedback.
 * Loop animations are collapsed to a single frame; transitions are
 * shortened rather than removed entirely.
 */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms;
		animation-iteration-count: 1;
		animation-delay: 0ms;
		transition-duration: 0.01ms;
		scroll-behavior: auto;
	}
}