/* Blitzboard brand theme: only loaded on top of the default theme (bootstrap.css).
   Contrast (WCAG AA, >= 4.5:1): white on green 7.7, white on green-light 5.0, green on cream 6.8, ink on gold 9.2.
   Never use gold for text on green (4.2) or white on gold (1.8). */
:root {
    --bb-green: #1F5E3B;
    --bb-green-light: #2E7D50;
    --bb-green-dark: #143F27;
    --bb-gold: #F2B705;
    --bb-ink: #15201A;
    --bb-cream: #F4F1EA;
    --bb-muted: #5E6B60;

    --primary: var(--bb-green);
    --warning: var(--bb-gold);
}

body {
    color: var(--bb-ink);
}

a {
    color: var(--bb-green);
}

a:hover {
    color: var(--bb-green-dark);
}

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

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

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

.text-muted {
    color: var(--bb-muted) !important;
}

.btn-primary {
    color: #fff;
    background-color: var(--bb-green);
    border-color: var(--bb-green);
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--bb-green-light);
    border-color: var(--bb-green-light);
}

.btn-primary:focus, .btn-primary.focus,
.btn-outline-primary:focus, .btn-outline-primary.focus,
.form-control:focus, .form-select:focus, .custom-select:focus {
    box-shadow: 0 0 0 0.2rem rgba(31, 94, 59, 0.5);
}

.form-control:focus, .form-select:focus, .custom-select:focus {
    border-color: var(--bb-green-light);
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: var(--bb-green-dark);
    border-color: var(--bb-green-dark);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: var(--bb-green);
    border-color: var(--bb-green);
}

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

.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: var(--bb-green);
    border-color: var(--bb-green);
}

.alert-primary {
    color: var(--bb-green-dark);
    background-color: rgba(31, 94, 59, 0.1);
    border-color: rgba(31, 94, 59, 0.3);
}

.badge-primary {
    color: #fff;
    background-color: var(--bb-green);
}

.bg-warning, .badge-warning, .btn-warning {
    background-color: var(--bb-gold) !important;
    color: var(--bb-ink);
}

.page-item.active .page-link {
    background-color: var(--bb-green);
    border-color: var(--bb-green);
}

.page-link {
    color: var(--bb-green);
}

/* Light header: cream bar with the light logo */
.navbar.blitzboard-navbar {
    background-color: var(--bb-cream);
    border-bottom: 3px solid var(--bb-gold);
}

.navbar.blitzboard-navbar .nav-link {
    color: var(--bb-ink);
}

.navbar.blitzboard-navbar .nav-link:hover, .navbar.blitzboard-navbar .nav-link:focus {
    color: var(--bb-green);
}