a:focus-visible {
    outline: 3px solid var(--accent);
    outline-offset: 5px;
}

button:focus-visible {
    outline: 3px solid var(--accent);
    outline-offset: 5px;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    * {
        animation: none !important;
        transition: none !important;
    }

    *::before {
        animation: none !important;
        transition: none !important;
    }

    *::after {
        animation: none !important;
        transition: none !important;
    }

}