:root, [data-theme="light"] {
    --tenant-primary-light: color-mix(in srgb, var(--tenant-primary) 12%, #ffffff 88%);

    --bs-info: var(--tenant-primary);
    --bs-info-active: var(--tenant-hover);
    --bs-text-info: var(--tenant-primary);
    --bs-info-light: var(--tenant-primary-light);
    --bs-btn-bg: var(--tenant-primary);
    --bs-btn-border-color: var(--tenant-primary);
    --bs-btn-hover-bg: var(--tenant-hover);
    --bs-btn-hover-border-color: var(--tenant-hover);
    --bs-btn-active-bg: var(--tenant-hover);
    --bs-btn-active-border-color: var(--tenant-hover);
    --bs-btn-disabled-bg: var(--tenant-primary);
    --bs-btn-disabled-border-color: var(--tenant-primary);
    --bs-btn-color: #ffffff;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-active-color: #ffffff;
    --bs-btn-disabled-color: #ffffff;
    --bs-accordion-btn-color: var(--tenant-primary);
    --bs-accordion-active-color: var(--tenant-primary);
    --bs-accordion-active-bg: var(--tenant-primary-light);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--tenant-primary) 25%, transparent 75%);
    --kt-info: var(--tenant-primary);
    --kt-info-active: var(--tenant-hover);
    --kt-info-light: var(--tenant-primary-light);
    --kt-form-check-input-checked-bg-color: var(--tenant-primary);
    --kt-form-check-input-checked-border-color: var(--tenant-hover);
}

[data-theme="dark"],
[data-bs-theme="dark"],
[data-bs-theme="light"] {
    --bs-info-active: var(--tenant-hover) !important;
    --bs-btn-bg: var(--tenant-primary) !important;
    --bs-btn-border-color: var(--tenant-primary) !important;
    --bs-btn-hover-bg: var(--tenant-hover) !important;
    --bs-btn-hover-border-color: var(--tenant-hover) !important;
    --bs-btn-active-bg: var(--tenant-hover) !important;
    --bs-btn-active-border-color: var(--tenant-hover) !important;
    --bs-btn-disabled-bg: var(--tenant-primary) !important;
    --bs-btn-disabled-border-color: var(--tenant-primary) !important;
    --bs-btn-color: #ffffff !important;
    --bs-btn-hover-color: #ffffff !important;
    --bs-btn-active-color: #ffffff !important;
    --bs-btn-disabled-color: #ffffff !important;
    --kt-info: var(--tenant-primary) !important;
    --bs-accordion-btn-color: var(--tenant-primary) !important;
    --bs-accordion-active-color: var(--tenant-primary) !important;
    --bs-accordion-active-bg: var(--tenant-primary-light) !important;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--tenant-primary) 25%, transparent 75%) !important;
    --kt-info-active: var(--tenant-hover) !important;
    --kt-form-check-input-checked-bg-color: var(--tenant-primary) !important;
    --kt-form-check-input-checked-border-color: var(--tenant-hover) !important;
}

.btn-info {
    --bs-btn-bg: var(--tenant-primary) !important;
    --bs-btn-border-color: var(--tenant-primary) !important;
    --bs-btn-hover-bg: var(--tenant-hover) !important;
    --bs-btn-hover-border-color: var(--tenant-hover) !important;
    --bs-btn-active-bg: var(--tenant-hover) !important;
    --bs-btn-active-border-color: var(--tenant-hover) !important;
    --bs-btn-disabled-bg: var(--tenant-primary) !important;
    --bs-btn-disabled-border-color: var(--tenant-primary) !important;
    --bs-btn-color: #ffffff !important;
    --bs-btn-hover-color: #ffffff !important;
    --bs-btn-active-color: #ffffff !important;
    --bs-btn-disabled-color: #ffffff !important;
}

.text-info,
.bs-text-info,
.kt-text-info,
[class*="kt-text-info"] {
    color: var(--tenant-primary) !important;
}

.kt-text-info:hover,
.kt-text-info:focus,
.kt-text-info:active,
[class*="kt-text-info"]:hover,
[class*="kt-text-info"]:focus,
[class*="kt-text-info"]:active,
a.kt-text-info,
a.kt-text-info:hover,
a.kt-text-info:focus,
a.kt-text-info:active,
button.kt-text-info,
button.kt-text-info:hover,
button.kt-text-info:focus,
button.kt-text-info:active {
    color: var(--tenant-primary) !important;
}

.active > .page-link,
.page-link.active {
    background-color: var(--tenant-primary) !important;
    border-color: var(--tenant-primary) !important;
    color: #ffffff !important;
}

.active > .page-link:hover,
.page-link.active:hover {
    background-color: var(--tenant-hover) !important;
    border-color: var(--tenant-hover) !important;
    color: #ffffff !important;
}

.accordion-button:hover,
.accordion-button:not(.collapsed):hover {
    color: var(--tenant-hover) !important;
}

.accordion-button:not(.collapsed) {
    color: var(--tenant-primary) !important;
    background-color: var(--tenant-primary-light) !important;
}

.bg-tenantPrimary {
    background-color: var(--tenant-panel) !important;
}

/*.bg-tenantSecondary, .menu-link.active {*/
/*    background-color: var(--tenant-secondary) !important;*/
/*}*/