/* Custom styles beyond Tailwind */

html {
    scroll-behavior: smooth;
}

body {
    /* Ensures text is readable without JS animations */
    background-color: #f8fafc;
}

/* 
   Accessibility: prefers-reduced-motion
   If the user prefers reduced motion, we skip the JS animation classes
   and just show content immediately (default state).
*/
@media (prefers-reduced-motion: reduce) {
    .reveal-on-scroll {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}