/* Custom Tailwind Configuration - Matching brand blue theme */
:root {
    --brand-primary: #3B82F6; /* Vibrant Blue */
    --brand-dark: #2563EB; /* Darker Blue */
    --background-dark: #172554; /* Dark Blue for background */
    --card-bg: #1E3A8A; /* Slightly lighter dark blue for cards */
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--background-dark);
}

/* Nav Dropdown Hover Styles */
.nav-dropdown-link:hover {
    background-color: var(--brand-dark);
}

/* Contact Info Transition */
#contact-info {
    transition: all 0.3s ease-in-out;
    padding-top: 0;
    padding-bottom: 0;
    height: 0;
    overflow: hidden;
}

/* Hero image background styling (Optional: for a subtle background texture) */
.hero-bg {
    background-image: linear-gradient(to bottom, rgba(23, 37, 84, 0.8) 0%, rgba(23, 37, 84, 1) 100%), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.1"><circle cx="50" cy="50" r="1" fill="%233B82F6"/></svg>');
    background-size: cover, 100px 100px;
}

.section-hidden {
    display: none;
}