/* Override the legacy Bootstrap theme's purple primary (public/css/style.css)
   with the Neurax Host brand blue (#004c89) used everywhere else in the app. */
:root {
    --bs-primary: #004c89;
    --bs-primary-rgb: 0, 76, 137;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #004c89;
    --bs-btn-border-color: #004c89;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #003a6e;
    --bs-btn-hover-border-color: #003a6e;
    --bs-btn-focus-shadow-rgb: 0, 76, 137;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #003a6e;
    --bs-btn-active-border-color: #003a6e;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #004c89;
    --bs-btn-disabled-border-color: #004c89;
}

.btn-primary:not(.btn-light):focus,
.btn-primary:not(.btn-light):active {
    background: #003a6e;
    border-color: #003a6e;
}

.badge-primary {
    border: 1px solid #004c89;
    color: #fff;
    background: #004c89;
}

/* The legacy theme's .badge defaults to white text (--bs-badge-color: #fff),
   which only reads on the dark brand-navy bg-primary. Every other bg-* variant
   here (warning, secondary, success, info, danger) is a light/medium tone that
   fails contrast with white text - most visibly bg-warning's yellow. */
.badge.bg-warning,
.badge.bg-secondary,
.badge.bg-success,
.badge.bg-info,
.badge.bg-danger {
    --bs-badge-color: #1a1a1a;
}

.btn-outline-primary {
    --bs-btn-color: #004c89;
    --bs-btn-border-color: #004c89;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #004c89;
    --bs-btn-hover-border-color: #004c89;
    --bs-btn-focus-shadow-rgb: 0, 76, 137;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #003a6e;
    --bs-btn-active-border-color: #003a6e;
    --bs-btn-disabled-color: #004c89;
    --bs-btn-disabled-border-color: #004c89;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background: #004c89;
    color: #fff;
}