/* Custom Styles overriding or supplementing Tailwind */
html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', sans-serif;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Base colors configured via Tailwind CDN script in HTML, but we can set some specific classes if needed */
.text-accent {
    color: #2563EB;
}
.bg-accent {
    background-color: #2563EB;
}
.border-accent {
    border-color: #2563EB;
}
.hover\:bg-accent-dark:hover {
    background-color: #1D4ED8;
}
.text-primary {
    color: #0F172A;
}
.bg-primary {
    background-color: #0F172A;
}

.dark body {
    background-color: #0F172A;
    color: #F8FAFC;
}

/* Mobile Menu Transition */
#mobile-menu {
    transition: all 0.3s ease-in-out;
}

/* Hide scrollbar for clean look */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #F8FAFC; 
}
.dark ::-webkit-scrollbar-track {
    background: #0F172A; 
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1; 
    border-radius: 4px;
}
.dark ::-webkit-scrollbar-thumb {
    background: #334155; 
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8; 
}