:root {
    --gobele-primary: #9d62f7;
    --gobele-primary-dark: #4b168f;
    --gobele-primary-deep: #2b0b59;
    --gobele-primary-light: #c9a9ff;
    --gobele-primary-soft: #f4edff;
    --gobele-border: #e5d8fb;
    --color-default: var(--gobele-primary);
    --bs-primary: var(--gobele-primary);
    --bs-primary-rgb: 157, 98, 247;
    --bs-link-color: #7436d6;
    --bs-link-hover-color: var(--gobele-primary-dark);
}

a {
    color: #7436d6;
}

a:hover {
    color: var(--gobele-primary-dark);
}

.logo-icon {
    width: 60px;
    max-width: 60px;
    max-height: 44px;
    object-fit: contain;
}

.btn-primary,
.btn-gobele,
.bg-primary,
.badge.bg-primary,
.page-item.active .page-link,
.form-check-input:checked,
.nav-pills .nav-link.active,
.progress-bar {
    background-color: var(--gobele-primary) !important;
    border-color: var(--gobele-primary) !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-gobele:hover,
.btn-gobele:focus {
    background-color: var(--gobele-primary-dark) !important;
    border-color: var(--gobele-primary-dark) !important;
    color: #fff !important;
}

.btn-outline-primary {
    color: #7436d6 !important;
    border-color: var(--gobele-primary) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background-color: var(--gobele-primary) !important;
    border-color: var(--gobele-primary) !important;
    color: #fff !important;
}

.text-primary,
.link-primary,
.page-link,
.dropdown-item.active,
.dropdown-item:active {
    color: #7436d6 !important;
}

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

.form-control:focus,
.form-select:focus,
.select2-container--bootstrap4.select2-container--focus .select2-selection {
    border-color: var(--gobele-primary-light) !important;
    box-shadow: 0 0 0 .2rem rgba(157, 98, 247, .18) !important;
}

.sidebar-wrapper .metismenu a:hover,
.sidebar-wrapper .metismenu a:focus,
.sidebar-wrapper .metismenu a:active,
.sidebar-wrapper .metismenu .mm-active > a {
    color: var(--gobele-primary-dark) !important;
    background: var(--gobele-primary-soft) !important;
}

.sidebar-wrapper .metismenu .mm-active > a .parent-icon,
.sidebar-wrapper .metismenu .mm-active > a .menu-title,
.sidebar-wrapper .metismenu .mm-active > a i {
    color: var(--gobele-primary-dark) !important;
}

.switcher-btn,
.pace .pace-progress,
.back-to-top {
    background: var(--gobele-primary) !important;
}

::selection {
    color: #fff;
    background: var(--gobele-primary-dark);
}

/* Identidade das telas públicas de autenticação. */
#auth-right {
    background-color: var(--gobele-primary-dark) !important;
    background-image: linear-gradient(135deg, var(--gobele-primary-deep), var(--gobele-primary-dark) 52%, var(--gobele-primary)) !important;
}

#auth .btn-success {
    background-color: var(--gobele-primary-dark) !important;
    border-color: var(--gobele-primary-dark) !important;
    color: #fff !important;
}

#auth .btn-success:hover,
#auth .btn-success:focus {
    background-color: var(--gobele-primary-deep) !important;
    border-color: var(--gobele-primary-deep) !important;
}