body {
    color: var(--text-color) !important;
}

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

a {
    color: var(--link-default-color) !important;
}

a:hover {
    color: var(--link-hover-color) !important;
}

.list-group-item {
    background-color: var(--step-default-color) !important;
    border-color: var(--border-color) !important;
    color: var(--step-default-text-color) !important;
}

.list-group-item.active {
    background-color: var(--step-active-color) !important;
    color: var(--step-active-text-color) !important;
}

.card {
    border-color: var(--border-color) !important;
}

.btn-primary {
    background-color: var(--btn-primary-default-color) !important;
    border-color: var(--btn-primary-default-color) !important;
    color: var(--btn-primary-text-color) !important;
}

.btn-primary:not(:disabled):hover {
    background-color: var(--btn-primary-hover-color) !important;
    border-color: var(--btn-primary-hover-color) !important;
}

.btn-secondary {
    background-color: var(--btn-secondary-default-color) !important;
    border-color: var(--btn-secondary-default-color) !important;
    color: var(--btn-secondary-text-color) !important;
}

.btn-secondary:not(:disabled):hover {
    background-color: var(--btn-secondary-hover-color) !important;
    border-color: var(--btn-secondary-hover-color) !important;
}

.upload-element {
    background-color: #ffffff !important;
    color: rgba(73, 80, 87, 1) !important;
    border-color: rgba(206, 212, 218, 1) !important;
}

.upload-element:hover {
    box-shadow: 0 0 0 0.2rem var(--halo-color) !important;
}

.form-control:focus {
    box-shadow: 0 0 0 0.2rem var(--halo-color) !important;
}

.btn:focus, .btn.focus {
    box-shadow: 0 0 0 0.2rem var(--halo-color) !important;
}