/* Brief, gentle entrance motion shared by every page. */
:root {
    --entrance-duration: 300ms;
    --entrance-easing: ease-out;
    --entrance-distance: 8px;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(var(--entrance-distance));
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}