:root {
    --bs-primary: #2093ac;
    --bs-primary-rgb: 32, 147, 172;
    --elysa-primary: #2093ac;
    --elysa-primary-dark: #187a8f;
    --elysa-primary-light: #e8f6f8;
}

body {
    font-family: 'Montserrat', sans-serif;
}

.bg-primary {
    background-color: var(--elysa-primary) !important;
}

.text-primary {
    color: var(--elysa-primary) !important;
}

.btn-primary {
    background-color: var(--elysa-primary);
    border-color: var(--elysa-primary);
}

.btn-primary:hover {
    background-color: var(--elysa-primary-dark);
    border-color: var(--elysa-primary-dark);
}

.btn-outline-primary {
    color: var(--elysa-primary);
    border-color: var(--elysa-primary);
}

.btn-outline-primary:hover {
    background-color: var(--elysa-primary);
    border-color: var(--elysa-primary);
}

.navbar-brand img {
    height: 50px;
}

.nav-link {
    font-weight: 500;
}

.nav-link:hover {
    color: var(--elysa-primary) !important;
}

.bg-elysa-light {
    background-color: var(--elysa-primary-light);
}

.border-primary {
    border-color: var(--elysa-primary) !important;
}

/* Logo showcase on homepage */
.logo-showcase {
    max-height: 180px;
}
@media (min-width: 992px) {
    .logo-showcase {
        max-height: 320px;
    }
}

/* CTA banner logo: larger on desktop */
.cta-logo {
    max-height: 140px;
}
@media (min-width: 992px) {
    .cta-logo {
        max-height: 280px;
    }
}