body {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

body.loaded {
    opacity: 1;
}

@keyframes fade-in {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in {
    animation: fade-in 0.5s ease-out forwards;
}

/* Style for the active navigation link */
.nav-link-active {
    color: #8A6E5A; /* Corresponds to Tailwind's brand-dark */
}

/* Mobile menu visibility */
.mobile-menu {
    display: none;
}

.mobile-menu.is-open {
    display: flex;
    width: 100%;
    justify-content: center;
}