/* assets/css/transition.css (REFINED) */

/*
 * We now target the page-wrapper for the transition.
 */
.page-wrapper {
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
}

/*
 * When this class is added, the wrapper will smoothly fade in.
 */
.page-wrapper.is-loaded {
    opacity: 1;
}

/*
 * When a link is clicked, this class is added to the wrapper,
 * causing it to smoothly fade out before navigating.
 */
.page-wrapper.is-leaving {
    opacity: 0;
}