/* ===================================================
   Page Transitions
   Smooth fade-in animation for dashboard navigation
   =================================================== */

/* Smooth scroll */
html {
    scroll-behavior: smooth;
}

/* Page fade-in (opacity only — no transform to avoid stacking context issues with modals) */
@keyframes fadeInPage {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.page-transition-fade {
    animation: fadeInPage 0.3s ease-out;
}

/* Accessibility - respect user motion preferences */
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
    .page-transition-fade {
        animation: none;
    }
}