/* Pitdawgs livery theme: colors sampled from the Trackhouse Aprilia 2026 livery (flag red excluded). */
:root {
    --pd-livery-blue: #1583c3;
    --pd-livery-blue-dark: #1273ad;
    --pd-livery-blue-darker: #0f5f8f;
    --pd-fluo-yellow: #d5dd3c;
    --pd-carbon-black: #151517;
    --pd-deep-navy: #0b2a61;

    --bs-primary: #1583c3;
    --bs-primary-rgb: 21, 131, 195;
    --bs-primary-text-emphasis: #0b2a61;
    --bs-primary-bg-subtle: #d0e6f3;
    --bs-primary-border-subtle: #a1cde7;
    --bs-dark: #151517;
    --bs-dark-rgb: 21, 21, 23;
    --bs-link-color: #1273ad;
    --bs-link-color-rgb: 18, 115, 173;
    --bs-link-hover-color: #0b2a61;
    --bs-link-hover-color-rgb: 11, 42, 97;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1273ad;
    --bs-btn-border-color: #1273ad;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0f5f8f;
    --bs-btn-hover-border-color: #0f5f8f;
    --bs-btn-focus-shadow-rgb: 21, 131, 195;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0b2a61;
    --bs-btn-active-border-color: #0b2a61;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #1273ad;
    --bs-btn-disabled-border-color: #1273ad;
}

.btn-outline-primary {
    --bs-btn-color: #1273ad;
    --bs-btn-border-color: #1273ad;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1273ad;
    --bs-btn-hover-border-color: #1273ad;
    --bs-btn-focus-shadow-rgb: 21, 131, 195;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0b2a61;
    --bs-btn-active-border-color: #0b2a61;
    --bs-btn-disabled-color: #1273ad;
    --bs-btn-disabled-border-color: #1273ad;
}

/* Carbon-to-navy bar with a livery-blue stripe and fluo-yellow pinstripe. */
.navbar-livery {
    background-color: var(--pd-carbon-black);
    background-image: linear-gradient(90deg, var(--pd-carbon-black) 0%, var(--pd-livery-blue) 100%);
    border-bottom: 3px solid var(--pd-livery-blue);
    box-shadow: 0 2px 0 var(--pd-fluo-yellow);
    --bs-navbar-hover-color: var(--pd-fluo-yellow);
    --bs-navbar-active-color: var(--pd-fluo-yellow);
}

footer.navbar-livery {
    border-bottom: 0;
    border-top: 3px solid var(--pd-livery-blue);
    box-shadow: 0 -2px 0 var(--pd-fluo-yellow);
}

.navbar-livery .nav-link:focus-visible,
.navbar-livery .nav-link:hover {
    color: var(--pd-fluo-yellow);
}

.navbar-livery .navbar-brand img {
    box-shadow: 0 0 0 2px var(--pd-fluo-yellow);
}

.navbar-livery .bi {
    color: var(--pd-fluo-yellow);
}

/* The right end of the gradient is livery blue, where yellow is hard to read. */
.navbar-livery .navbar-on-livery-blue {
    --bs-navbar-color: #fff;
    --bs-navbar-hover-color: #fff;
    --bs-navbar-active-color: #fff;
}

.navbar-livery .navbar-on-livery-blue .bi {
    color: #fff;
}

.navbar-livery .navbar-on-livery-blue .nav-link:focus-visible,
.navbar-livery .navbar-on-livery-blue .nav-link:hover {
    color: #fff;
    text-decoration: underline;
}
