@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom styles beyond Tailwind */

/* Add smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Custom fade-in animation for page transitions */
.fade-in {
    animation: fadeIn 0.5s ease-in-out;
}

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

/* Active states for sidebar links */
.sidebar-link.active {
    background-color: #374151; /* Tailwind gray-700 */
    border-left: 4px solid #3b82f6; /* Tailwind blue-500 */
}