/* Styles overrides for Bootstrap */
/* custom-base.css must be included along with this file, as it defines root variables */

/* region Background colors */
.bg-primary,
.text-bg-primary {
    background-color: var(--unil-main-color) !important;
}

.bg-success,
.text-bg-success {
    background-color: var(--unil-positive-color-600) !important;
}

.bg-warning,
.text-bg-warning {
    background-color: var(--unil-warning-color-600) !important;
}

.bg-danger,
.text-bg-danger {
    background-color: var(--unil-negative-color-600) !important;
}

.bg-secondary,
.text-bg-secondary {
    background-color: var(--unil-gray-color-700) !important;
}

/* endregion*/

/* region Text colors */
.text-primary {
    color: var(--unil-main-color) !important;
}

.text-success {
    color: var(--unil-positive-color-600) !important;
}

.text-warning {
    color: var(--unil-warning-color-600) !important;
}

.text-danger {
    color: var(--unil-negative-color-600) !important;
}

.text-secondary {
    color: var(--unil-gray-color-700) !important;
}

.text-muted {
    color: var(--unil-gray-color-600) !important;
}

/* endregion */

/* region Alerts */
.alert {
    border: none;
    font-size: var(--unil-font-size);
}

.alert-info {
    background-color: var(--unil-main-color-100);
    color: var(--unil-main-color-600)
}

.alert-success {
    background-color: var(--unil-positive-color-100);
    color: var(--unil-positive-color-600);
}

.alert-warning {
    background-color: var(--unil-warning-color-100);
    color: var(--unil-warning-color-900);
}

.alert-danger {
    background-color: var(--unil-negative-color-100);
    color: var(--unil-negative-color-700);
}

/* endregion */

/* region Badges */
.badge {
    font-size: var(--unil-font-size);
    font-weight: 400;
    line-height: normal;
}

/* endregion */