/* ========================================
   Page Transitions — Smooth Fade
   ======================================== */

/* Fade in on page load */
body {
    animation: pageEnter 0.4s ease-out;
}

@keyframes pageEnter {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Fade out before navigation */
body.page-leaving {
    opacity: 0;
    transform: translateY(-6px);
    transition: opacity 0.28s ease-in, transform 0.28s ease-in;
    pointer-events: none;
}