/* Reset & Basics handled by Tailwind */

/* Custom Utilities */
.hidden {
    display: none !important;
}

/* Animations */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInDown {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in-up {
    animation: fadeInUp 0.8s ease-out forwards;
}

.animate-fade-in-down {
    animation: fadeInDown 0.3s ease-out forwards;
}

/* Scrollbar customization */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #fbfaf8;
}
::-webkit-scrollbar-thumb {
    background: #dcd3c5;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #bfb3a2;
}

/* Navbar active state */
.nav-item.active {
    color: #345544; /* primary-700 */
    border-bottom: 2px solid #ff6b6b; /* accent-400 */
}

/* Mobile Image Styling Fix */
img {
    max-width: 100%;
    height: auto;
}