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

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', sans-serif;
    color: #333333;
    -webkit-font-smoothing: antialiased;
}

.text-navy {
    color: #1e3a5f;
}

.bg-navy {
    background-color: #1e3a5f;
}

.text-accent {
    color: #b8913b;
}

.bg-accent {
    background-color: #1e3a5f;
}

.border-accent {
    border-color: #b8913b;
}

.hover-bg-accent-dark:hover {
    background-color: #1a3354;
}

.hero-section {
    background-image: linear-gradient(rgba(30, 58, 95, 0.85), rgba(30, 58, 95, 0.85)), url('../images/hero.webp');
    background-size: cover;
    background-position: center;
}

.services-section {
    background-image: linear-gradient(rgba(248, 250, 252, 0.95), rgba(248, 250, 252, 0.95)), url('../images/services-bg.webp');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.card-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.accordion-content.open {
    max-height: 500px; 
}

/* Service card gold top border */
.border-t-4.border-accent {
    border-color: #b8913b !important;
}

/* Make icons in light circles use navy for visibility */
.text-accent {
    color: #1e3a5f !important;
}