:root {
    --main-color: #516C9D;
    --sub-color: #7B9AD0;
    --info-color: #32cd32;
    --info-focus-color: #90ee90;
}

.btnx-indigo, .input-group-text, .card-header {
    color: var(--bs-white);
    background: var(--sub-color);
    border: 1px solid var(--sub-color);
}

    .btnx-indigo:hover, .btnx-indigo:focus {
        color: var(--bs-white);
        background: var(--main-color);
        border: 1px solid var(--main-color);
    }

.btn-info {
    
    background: var(--info-color);
    border: 1px solid var(--info-color);
}

    .btn-info:hover, .btn-info:focus {
        background: var(--info-focus-color);
        border: 1px solid var(--info-focus-color);
    }

.btn-outline-dark, .form-control, .form-select {
    color: var(--sub-color);
    border: 1px solid var(--sub-color);
}

    .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark {
        color: var(--bs-white);
        background: var(--sub-color);
        border: 1px solid var(--sub-color);
    }

.form-label, .title, .form-group, .table, .main-font-color {
    color: var(--main-color);
}

.form-control:read-only {
    background: #dae4f7;
}

.btnx-indigo:disabled {
    color: var(--bs-dark);
    border: 1px solid var(--bs-dark);
    background: var(--bs-white);
}

input[type="checkbox"]:checked {
    background-color: var(--sub-color);
    border-color: var(--sub-color);
}