/* =========================================================
   Bootstrap MDF Color & Font Override
   ========================================================= */

/* 1. Root CSS variable overrides */
:root,
[data-bs-theme=light] {
    --bs-blue: #051440;
    --bs-primary: #051440;
    --bs-primary-rgb: 5, 20, 64;
    /* fixed: must match #326efd */
    --bs-focus-ring-color: rgba(5, 20, 64, 0.25);
    --bs-font-sans-serif: "Roboto", system-ui, -apple-system, "Segoe UI", "Helvetica Neue",
        "Noto Sans", "Liberation Sans", Arial, sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* 2. Primary button */
.btn-primary {
    --bs-btn-bg: #051440;
    --bs-btn-border-color: #051440;
    --bs-btn-hover-bg: #103EC7;
    --bs-btn-hover-border-color: #103EC7;
    --bs-btn-active-bg: #103EC7;
    --bs-btn-active-border-color: #103EC7;
    --bs-btn-disabled-bg: #051440;
    --bs-btn-disabled-border-color: #051440;
    --bs-btn-focus-shadow-rgb: 43, 55, 93;
}

[data-bs-theme=dark] .btn-primary {
    --bs-btn-color: #051440;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #051440;
    --bs-btn-hover-color: #051440;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #051440;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-bg: #051440;
    --bs-btn-active-border-color: #051440;
    --bs-btn-disabled-color: #051440;
    --bs-btn-disabled-bg: #fff;
    --bs-btn-disabled-border-color: #fff;
}

/* 3. Outline primary button */

.btn-outline-primary {
    --bs-btn-color: #051440;
    --bs-btn-border-color: #051440;
    --bs-btn-hover-bg: #051440;
    --bs-btn-hover-border-color: #051440;
    --bs-btn-active-bg: #051440;
    --bs-btn-active-border-color: #051440;
    --bs-btn-disabled-color: #051440;
    --bs-btn-disabled-border-color: #051440;
}


[data-bs-theme=dark] .btn-outline-primary {
    --bs-btn-color: #fff;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #051440;
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #fff;
    --bs-btn-focus-shadow-rgb: 5, 20, 64;
    --bs-btn-active-color: #051440;
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: #fff;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-border-color: #fff;
    --bs-gradient: none;
}

/* 4. Form check — hardcoded values Bootstrap compiles from $primary (not a CSS var) */
.form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(5, 20, 64, 0.25);
}

.form-check-input:checked,
.form-check-input[type=checkbox]:indeterminate {
    background-color: #051440;
    border-color: #051440;
}

/* 5. Form range — hardcoded values Bootstrap compiles from $primary */
.form-range::-webkit-slider-thumb {
    background-color: #051440;
}

.form-range::-moz-range-thumb {
    background-color: #051440;
}