:root{--focus-ring:#67E8F9}
[data-theme="light"]{--focus-ring:#0E7490}

button:focus-visible,
a[href]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[role="button"]:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible{
    outline:3px solid var(--focus-ring) !important;
    outline-offset:2px;
}

@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *,*::before,*::after{
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
        transition-delay:0s !important;
        scroll-behavior:auto !important;
    }
}