/* style.css */
@tailwind base;
@tailwind components;
@tailwind utilities;

html {
    font-family: 'Inter', sans-serif;
}

/* Custom scrollbar for better aesthetic */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9; 
}
 
::-webkit-scrollbar-thumb {
    background: #cbd5e1; 
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8; 
}

/* Base state for animations */
.fade-up-element {
    will-change: opacity, transform;
}

/* The active state is managed by Tailwind utility classes toggled via JS */
.is-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}