:root {
    --bs-primary: #00aeef;
    --bs-primary-rgb: 0, 174, 239;
}

.btn-primary {
    --bs-btn-bg: #00aeef;
    --bs-btn-border-color: #00aeef;
    --bs-btn-hover-bg: #0b153e;
    --bs-btn-hover-border-color: #0b153e;
    --bs-btn-active-bg: #0b153e;
    --bs-btn-active-border-color: #0b153e;
    --bs-btn-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-active-color: #fff;
}

.text-primary {
    color: #00aeef !important;
}

/* Break landing sections out of the parent .container-fluid padding so they can be full-bleed */
.landing-hero,
.landing-hero + section,
.landing-hero ~ section,
footer {
    margin-left: calc(var(--bs-gutter-x, 1.5rem) * -0.5);
    margin-right: calc(var(--bs-gutter-x, 1.5rem) * -0.5);
}

.landing-hero {
    position: relative;
    background-image: url('/static/images/anx_truck_boston.png');
    background-size: cover;
    background-position: 50% 26%;
    background-repeat: no-repeat;
    padding: 6rem 0 4rem;
    overflow: hidden;
}

.landing-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(11, 21, 62, 0.7);
    z-index: 0;
}

.landing-hero > .container {
    position: relative;
    z-index: 1;
}

.landing-hero h1 {
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.landing-hero .badge {
    font-size: 0.95rem;
}

.landing-hero .hero-cta {
    --bs-btn-bg: #ffffff;
    --bs-btn-border-color: #ffffff;
    --bs-btn-color: #0b153e;
    --bs-btn-hover-bg: #0b153e;
    --bs-btn-hover-border-color: #ffffff;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-active-bg: #0b153e;
    --bs-btn-active-border-color: #ffffff;
    --bs-btn-active-color: #ffffff;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
    letter-spacing: 0.04em;
    transition: background-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.landing-hero .hero-cta:hover {
    transform: translateY(-1px);
}