:root {
    --bs-primary: #3e4a62;
    --bs-primary-rgb: 62, 74, 98;
}

/* Override Bootstrap classes */
html .btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

html .btn-primary:hover {
    background-color: color-mix(in srgb, var(--bs-primary) 85%, black);
    border-color: color-mix(in srgb, var(--bs-primary) 85%, black);
}

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


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

/* Progress bars */
.progress-bar-primary {
    background-color: var(--bs-primary);
}

/* Links */
a {
    color: var(--bs-primary);
}

a:hover {
    color: color-mix(in srgb, var(--bs-primary) 85%, black);
}

/* Borders */
.border-primary {
    border-color: var(--bs-primary) !important;
}

/* Focus states */
.form-control:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}