/**
 * Marei Steel — Accessibility layer (hand-authored, no build step).
 *
 * Why a separate file: main.css is frozen compiled Tailwind output and
 * contains no :focus-visible utilities, so keyboard users get zero focus
 * indication site-wide. This file restores it globally in one place
 * instead of scattering fixes per template.
 */

/* Visible keyboard focus everywhere (mouse users unaffected). */
:focus-visible {
    outline: 3px solid #F59E0B;
    outline-offset: 3px;
    border-radius: 4px;
}

/* Respect users who asked for less motion. */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }

    html {
        scroll-behavior: auto;
    }
}