:root {
    --brand-color: #ff3a3a;
    --brand-btn-hover-bg: #ffa8a8; /* Lighter color for hover state */
}

.navbar {
    background-color: var(--brand-color);
}

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

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--brand-btn-hover-bg);
    border-color: var(--brand-btn-hover-bg);
}

/* allows bootstrap to style Laminas Navigation generated menu items within the navbar */
.navbar li.active a {
    color: var(--bs-navbar-active-color);
}