@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

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

.hero-bg { 
    background-color: #0b1c3f; 
    transition: background-color 0.4s ease; 
} 

.dark .hero-bg { 
    background-color: #050d1f; 
}

/* Smooth Search Dropdown Transitions */
#search-dropdown {
    transition: opacity 0.3s ease, transform 0.3s ease;
    transform-origin: top right;
}

.search-hidden { 
    opacity: 0; 
    transform: scale(0.95); 
    pointer-events: none; 
}

.search-visible { 
    opacity: 1; 
    transform: scale(1); 
    pointer-events: auto; 
}