:root {
    --st-brand: #A211F6;
    --st-brand-dark: #7B0CC4;
    --st-brand-light: #C56FFA;
    --st-brand-rgb: 162, 17, 246;
    --st-secondary: #01DCFD;
    --st-secondary-rgb: 1, 220, 253;
    --st-accent: #F57E42;
    --st-accent-rgb: 245, 126, 66;
    --st-mid: #5278FA;
    --st-gradient: linear-gradient(135deg, #A211F6 0%, #5278FA 48%, #01DCFD 100%);
    --st-dark: #0A0612;
}

.btn-danger,
.bg-danger,
.badge-danger,
.alert-danger .close,
.brand-link.bg-danger,
.brand-link.bg-primary,
.brand-link.bg-success,
.brand-link.bg-warning,
.brand-link.bg-info,
.brand-link.bg-secondary,
.navbar-danger,
.modal-danger .modal-header {
    background-color: var(--st-brand) !important;
    border-color: var(--st-brand) !important;
    color: #fff !important;
}

.brand-link.bg-danger,
.brand-link.bg-primary,
.brand-link.bg-success,
.brand-link.bg-warning,
.brand-link.bg-info,
.brand-link.bg-secondary {
    background: var(--st-gradient) !important;
    border-color: transparent !important;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:not(:disabled):not(.disabled):active {
    background-color: var(--st-brand-dark) !important;
    border-color: var(--st-brand-dark) !important;
    color: #fff !important;
}

.btn-outline-danger {
    color: var(--st-brand) !important;
    border-color: var(--st-brand) !important;
    background: transparent !important;
}

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active {
    background-color: var(--st-brand) !important;
    border-color: var(--st-brand) !important;
    color: #fff !important;
}

.card-danger.card-outline,
.card-outline.card-danger,
.card-primary.card-outline,
.card-outline.card-primary {
    border-top-color: var(--st-brand) !important;
}

.card-danger:not(.card-outline) > .card-header,
.card-primary:not(.card-outline) > .card-header {
    background-color: var(--st-brand) !important;
    border-color: var(--st-brand) !important;
    color: #fff;
}

[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link.active,
[class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-link.active,
[class*="sidebar-dark-"] .nav-sidebar > .nav-item.menu-open > .nav-link,
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active,
[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active {
    background-color: var(--st-brand) !important;
    color: #fff !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--st-brand);
}

.page-item.active .page-link {
    background-color: var(--st-brand);
    border-color: var(--st-brand);
}

.page-link {
    color: var(--st-brand);
}

.page-link:hover {
    color: var(--st-brand-dark);
}

.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.form-check-input:checked {
    background-color: var(--st-brand);
    border-color: var(--st-brand);
}

.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--st-brand);
    color: #fff;
}

.text-brand {
    color: var(--st-brand) !important;
}

a.text-danger:hover {
    color: var(--st-brand-dark) !important;
}