:root {
    --tenant-base: #0A382F;
    --tenant-menu-bg: #0A382F;
    --tenant-menu-text: #FFFFFF;
    --tenant-menu-muted-text: #A9B9B6;
    --tenant-menu-border: #198F78;
    --tenant-menu-active-bg: #157562;
    --tenant-menu-active-text: #FFFFFF;
    --tenant-menu-accent: #8A1968;
    --tenant-link: #0A382F;
    --tenant-link-hover: #020D0B;
    --tenant-primary-bg: #0A382F;
    --tenant-primary-text: #FFFFFF;
    --tenant-primary-hover-bg: #020D0B;
    --tenant-success-bg: #706E14;
    --tenant-success-text: #FFFFFF;
    --tenant-success-hover-bg: #45440C;
    --tenant-danger-bg: #8A1968;
    --tenant-danger-text: #FFFFFF;
    --tenant-danger-hover-bg: #5F1147;
    --tenant-warning-bg: #74198A;
    --tenant-warning-text: #FFFFFF;
    --tenant-warning-hover-bg: #50115F;
    --tenant-info-bg: #177D1C;
    --tenant-info-text: #FFFFFF;
    --tenant-info-hover-bg: #0F5212;
    --tenant-login-bg: #0A382F;
    --tenant-login-text: #FFFFFF;
    --tenant-focus-rgb: 10, 56, 47;
    --tenant-dark-page-bg: #0E2125;
    --tenant-dark-surface-bg: #132A30;
    --tenant-dark-surface-muted-bg: #183138;
    --tenant-dark-surface-subtle-bg: #12262C;
    --tenant-dark-input-bg: #10232A;
    --tenant-dark-hover-bg: #1A333D;
    --tenant-dark-dropdown-hover-bg: #1C3742;
    --tenant-dark-border: #223944;
    --tenant-dark-border-strong: #2C4552;
    --tenant-dark-link: #1A937B;
    --tenant-dark-link-hover: #20B698;
    --tenant-dark-accent: #1A937B;
    --tenant-dark-accent-hover: #20B698;
    --tenant-dark-accent-bg: #1A937B;
    --tenant-dark-accent-text: #111827;
    --tenant-dark-accent-muted-bg: #1F434B;
    --tenant-dark-accent-muted-border: #1D655F;
    --tenant-dark-accent-muted-text: #51AD9B;
    --tenant-dark-primary-bg: #1A937B;
    --tenant-dark-primary-text: #111827;
    --tenant-dark-primary-hover-bg: #20B698;
    --tenant-dark-success-bg: #8A8719;
    --tenant-dark-success-text: #111827;
    --tenant-dark-success-hover-bg: #ADA91F;
    --tenant-dark-danger-bg: #DD41AE;
    --tenant-dark-danger-text: #111827;
    --tenant-dark-danger-hover-bg: #E364BD;
    --tenant-dark-warning-bg: #C34EDF;
    --tenant-dark-warning-text: #111827;
    --tenant-dark-warning-hover-bg: #CF71E5;
    --tenant-dark-info-bg: #1B9722;
    --tenant-dark-info-text: #111827;
    --tenant-dark-info-hover-bg: #21BA2A;
    --tenant-dark-focus-rgb: 26, 147, 123;
}

.menu-container {
    background-color: var(--tenant-menu-bg);
    color: var(--tenant-menu-text);
}

.menu-org-card {
    background-color: var(--tenant-menu-active-bg);
    border-color: var(--tenant-menu-border);
}

.menu-org-name {
    color: var(--tenant-menu-text);
}

.menu-org-portal,
.menu-section-label,
.menu-user-email {
    color: var(--tenant-menu-muted-text);
}

.menu-user-card {
    border-top-color: var(--tenant-menu-border);
}

.menu-container nav .nav-item {
    border-left-color: var(--tenant-menu-bg);
}

.menu-container nav .nav-item.active {
    border-left-color: var(--tenant-menu-accent);
}

.menu-container nav .nav-link,
.menu-container nav .nav-item-icon,
.menu-container .dropdown-menu .dropdown-item {
    color: var(--tenant-menu-muted-text);
}

.menu-container nav .nav-link:hover,
.menu-container nav .nav-link:focus-visible,
.menu-container nav .nav-item.active .nav-link {
    background-color: var(--tenant-menu-active-bg);
    color: var(--tenant-menu-active-text);
}

.menu-container nav .nav-link:hover .nav-item-icon,
.menu-container nav .nav-link:focus-visible .nav-item-icon,
.menu-container nav .nav-item.active .nav-item-icon {
    color: var(--tenant-menu-active-text);
}

.menu-container .dropdown-menu {
    background-color: var(--tenant-menu-bg);
}

.menu-container .dropdown-menu .dropdown-item:hover,
.menu-container .dropdown-menu .dropdown-item:focus,
.menu-container nav .nav-item .dropdown-item.active {
    background-color: var(--tenant-menu-active-bg);
    color: var(--tenant-menu-active-text);
}

.content-container a:not(.btn),
.breadcrumb .breadcrumb-item a {
    color: var(--tenant-link);
}

.content-container a:not(.btn):hover,
.breadcrumb .breadcrumb-item a:hover {
    color: var(--tenant-link-hover);
}

.nav-tabs .nav-link:hover {
    color: var(--tenant-menu-bg) !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover {
    border-bottom-color: var(--tenant-menu-bg);
    color: var(--tenant-menu-bg) !important;
}

.progress-bar.bg-warning {
    background-color: var(--tenant-warning-bg) !important;
    color: var(--tenant-warning-text);
}

.enrolment-progress-primary {
    background-color: var(--tenant-menu-bg);
    color: var(--tenant-menu-text);
}

.enrolment-progress-success {
    background-color: var(--tenant-success-bg);
    color: var(--tenant-success-text);
}

.enrolment-progress-danger {
    background-color: var(--tenant-danger-bg);
    color: var(--tenant-danger-text);
}

.enrolment-progress-container .enrolment-progress-title,
.enrolment-progress-container .enrolment-progress-description {
    color: inherit;
}

.enrolment-progress-primary .progress {
    background-color: var(--tenant-menu-border);
}

.enrolment-progress-success .progress {
    background-color: var(--tenant-success-hover-bg);
}

.enrolment-progress-danger .progress {
    background-color: var(--tenant-danger-hover-bg);
}

.btn-primary,
.btn-primary:disabled,
.btn-primary.disabled {
    background-color: var(--tenant-primary-bg) !important;
    border-color: var(--tenant-primary-bg);
    color: var(--tenant-primary-text) !important;
}

.btn-primary:hover,
.btn-primary:not([disabled]):not(.disabled):active,
.btn-primary:not([disabled]):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    background-color: var(--tenant-primary-hover-bg) !important;
    border-color: var(--tenant-primary-hover-bg);
    color: var(--tenant-primary-text) !important;
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--tenant-focus-rgb), 0.5) !important;
}

.btn-success,
.btn-success:disabled,
.btn-success.disabled {
    background-color: var(--tenant-success-bg) !important;
    border-color: var(--tenant-success-bg);
    color: var(--tenant-success-text) !important;
}

.btn-success:hover,
.btn-success:not([disabled]):not(.disabled):active,
.btn-success:not([disabled]):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
    background-color: var(--tenant-success-hover-bg) !important;
    border-color: var(--tenant-success-hover-bg);
    color: var(--tenant-success-text) !important;
}

.btn-success:focus,
.btn-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--tenant-focus-rgb), 0.5) !important;
}

.btn-danger,
.btn-danger:disabled,
.btn-danger.disabled {
    background-color: var(--tenant-danger-bg) !important;
    border-color: var(--tenant-danger-bg);
    color: var(--tenant-danger-text) !important;
}

.btn-danger:hover,
.btn-danger:not([disabled]):not(.disabled):active,
.btn-danger:not([disabled]):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
    background-color: var(--tenant-danger-hover-bg) !important;
    border-color: var(--tenant-danger-hover-bg);
    color: var(--tenant-danger-text) !important;
}

.btn-danger:focus,
.btn-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--tenant-focus-rgb), 0.5) !important;
}

.btn-warning,
.btn-warning:disabled,
.btn-warning.disabled {
    background-color: var(--tenant-warning-bg) !important;
    border-color: var(--tenant-warning-bg);
    color: var(--tenant-warning-text) !important;
}

.btn-warning:hover,
.btn-warning:not([disabled]):not(.disabled):active,
.btn-warning:not([disabled]):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
    background-color: var(--tenant-warning-hover-bg) !important;
    border-color: var(--tenant-warning-hover-bg);
    color: var(--tenant-warning-text) !important;
}

.btn-warning:focus,
.btn-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--tenant-focus-rgb), 0.5) !important;
}

.content-header-icon-button .header-notification-dot {
    background-color: var(--tenant-menu-accent);
}

.login-box {
    background-color: var(--tenant-login-bg);
    color: var(--tenant-login-text);
}

.login-box a {
    color: var(--tenant-login-text);
}

[data-color-mode="dark"] {
    --app-bg: var(--tenant-dark-page-bg);
    --app-page-bg: var(--tenant-dark-page-bg);
    --app-surface: var(--tenant-dark-surface-bg);
    --app-surface-muted: var(--tenant-dark-surface-muted-bg);
    --app-surface-subtle: var(--tenant-dark-surface-subtle-bg);
    --app-input-bg: var(--tenant-dark-input-bg);
    --app-hover-bg: var(--tenant-dark-hover-bg);
    --app-dropdown-hover-bg: var(--tenant-dark-dropdown-hover-bg);
    --app-border: var(--tenant-dark-border);
    --app-border-strong: var(--tenant-dark-border-strong);
}

[data-color-mode="dark"] .content-container a:not(.btn),
[data-color-mode="dark"] .breadcrumb .breadcrumb-item a {
    color: var(--tenant-dark-link);
}

[data-color-mode="dark"] .content-container a:not(.btn):hover,
[data-color-mode="dark"] .breadcrumb .breadcrumb-item a:hover {
    color: var(--tenant-dark-link-hover);
}

[data-color-mode="dark"] .nav-tabs .nav-link:hover {
    color: var(--tenant-dark-accent) !important;
}

[data-color-mode="dark"] .nav-tabs .nav-link.active,
[data-color-mode="dark"] .nav-tabs .nav-link.active:hover {
    border-bottom-color: var(--tenant-dark-accent-bg);
    color: var(--tenant-dark-accent) !important;
}

[data-color-mode="dark"] .progress-bar.bg-warning {
    background-color: var(--tenant-dark-warning-bg) !important;
    color: var(--tenant-dark-warning-text);
}

[data-color-mode="dark"] .btn-primary,
[data-color-mode="dark"] .btn-primary:disabled,
[data-color-mode="dark"] .btn-primary.disabled {
    background-color: var(--tenant-dark-primary-bg) !important;
    border-color: var(--tenant-dark-primary-bg);
    color: var(--tenant-dark-primary-text) !important;
}

[data-color-mode="dark"] .btn-primary:hover,
[data-color-mode="dark"] .btn-primary:not([disabled]):not(.disabled):active,
[data-color-mode="dark"] .btn-primary:not([disabled]):not(.disabled).active,
[data-color-mode="dark"] .show > .btn-primary.dropdown-toggle {
    background-color: var(--tenant-dark-primary-hover-bg) !important;
    border-color: var(--tenant-dark-primary-hover-bg);
    color: var(--tenant-dark-primary-text) !important;
}

[data-color-mode="dark"] .btn-success,
[data-color-mode="dark"] .btn-success:disabled,
[data-color-mode="dark"] .btn-success.disabled {
    background-color: var(--tenant-dark-success-bg) !important;
    border-color: var(--tenant-dark-success-bg);
    color: var(--tenant-dark-success-text) !important;
}

[data-color-mode="dark"] .btn-success:hover,
[data-color-mode="dark"] .btn-success:not([disabled]):not(.disabled):active,
[data-color-mode="dark"] .btn-success:not([disabled]):not(.disabled).active,
[data-color-mode="dark"] .show > .btn-success.dropdown-toggle {
    background-color: var(--tenant-dark-success-hover-bg) !important;
    border-color: var(--tenant-dark-success-hover-bg);
    color: var(--tenant-dark-success-text) !important;
}

[data-color-mode="dark"] .btn-danger,
[data-color-mode="dark"] .btn-danger:disabled,
[data-color-mode="dark"] .btn-danger.disabled {
    background-color: var(--tenant-dark-danger-bg) !important;
    border-color: var(--tenant-dark-danger-bg);
    color: var(--tenant-dark-danger-text) !important;
}

[data-color-mode="dark"] .btn-danger:hover,
[data-color-mode="dark"] .btn-danger:not([disabled]):not(.disabled):active,
[data-color-mode="dark"] .btn-danger:not([disabled]):not(.disabled).active,
[data-color-mode="dark"] .show > .btn-danger.dropdown-toggle {
    background-color: var(--tenant-dark-danger-hover-bg) !important;
    border-color: var(--tenant-dark-danger-hover-bg);
    color: var(--tenant-dark-danger-text) !important;
}

[data-color-mode="dark"] .btn-warning,
[data-color-mode="dark"] .btn-warning:disabled,
[data-color-mode="dark"] .btn-warning.disabled {
    background-color: var(--tenant-dark-warning-bg) !important;
    border-color: var(--tenant-dark-warning-bg);
    color: var(--tenant-dark-warning-text) !important;
}

[data-color-mode="dark"] .btn-warning:hover,
[data-color-mode="dark"] .btn-warning:not([disabled]):not(.disabled):active,
[data-color-mode="dark"] .btn-warning:not([disabled]):not(.disabled).active,
[data-color-mode="dark"] .show > .btn-warning.dropdown-toggle {
    background-color: var(--tenant-dark-warning-hover-bg) !important;
    border-color: var(--tenant-dark-warning-hover-bg);
    color: var(--tenant-dark-warning-text) !important;
}

[data-color-mode="dark"] .btn-primary:focus,
[data-color-mode="dark"] .btn-primary.focus,
[data-color-mode="dark"] .btn-success:focus,
[data-color-mode="dark"] .btn-success.focus,
[data-color-mode="dark"] .btn-danger:focus,
[data-color-mode="dark"] .btn-danger.focus,
[data-color-mode="dark"] .btn-warning:focus,
[data-color-mode="dark"] .btn-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--tenant-dark-focus-rgb), 0.5) !important;
}

[data-color-mode="dark"] .content-header-icon-button .header-notification-dot {
    background-color: var(--tenant-dark-accent-bg);
}