/* Custom styles to complement Tailwind */
html {
    scroll-behavior: smooth;
}

body {
    background-color: #F9F9F7;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #F9F9F7;
}
::-webkit-scrollbar-thumb {
    background: #4f7352;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #2d4430;
}

/* Animation classes */
.reveal-up, .reveal-left, .reveal-right {
    opacity: 1; /* Default visible for accessibility */
    transition: all 0.8s ease-out;
}

.reveal-up { transform: translateY(30px); }
.reveal-left { transform: translateX(-30px); }
.reveal-right { transform: translateX(30px); }

/* Active state for reveal (toggled by JS) */
.revealed.reveal-up { transform: translateY(0); }
.revealed.reveal-left { transform: translateX(0); }
.revealed.reveal-right { transform: translateX(0); }

/* Mobile menu transitions */
#mobile-menu {
    box-shadow: -5px 0 15px rgba(0,0,0,0.5);
}