html {
    scroll-behavior: smooth
}

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

    .motion-safe\:transition-none {
        transition: none !important;
    }
}

/* hand cursor on buttons */
@layer base {
    button:not([disabled]),
    [role="button"]:not([disabled]) {
        cursor: pointer;
    }
}