:root,
[data-bs-theme="light"] {
    --adminuiux-theme-1: var(--brand-primary);
    --adminuiux-theme-1-hover: var(--brand-primary-hover);
    --adminuiux-theme-1-active: var(--brand-primary-active);
    --adminuiux-theme-1-rgb: var(--brand-primary-rgb);
    --adminuiux-theme-1-text: #ffffff;
    --adminuiux-theme-2: var(--brand-secondary);
    --adminuiux-theme-2-hover: var(--brand-secondary-hover);
    --adminuiux-theme-2-active: var(--brand-secondary-active);
    --adminuiux-theme-2-rgb: var(--brand-secondary-rgb);
    --adminuiux-theme-2-text: #ffffff;
    --adminuiux-theme-accent-1: var(--brand-secondary);
    --adminuiux-theme-accent-1-hover: var(--brand-secondary-hover);
    --adminuiux-theme-accent-1-active: var(--brand-secondary-active);
    --adminuiux-theme-accent-1-rgb: var(--brand-secondary-rgb);
    --adminuiux-theme-accent-1-text: #ffffff;
    --bs-primary: var(--brand-primary);
    --bs-primary-rgb: var(--brand-primary-rgb);
    --bs-link-color: var(--brand-primary);
    --bs-link-color-rgb: var(--brand-primary-rgb);
    --bs-link-hover-color: var(--brand-primary-hover);
    --bs-link-hover-color-rgb: var(--brand-primary-hover-rgb);
    --bs-focus-ring-color: rgba(var(--brand-primary-rgb), 0.25);
    --dt-row-selected: var(--brand-primary-rgb);
}

:root .theme-blue,
[data-bs-theme="light"] .theme-blue,
body.theme-blue,
body[data-theme="theme-blue"] {
    --adminuiux-theme-1: var(--brand-primary);
    --adminuiux-theme-1-hover: var(--brand-primary-hover);
    --adminuiux-theme-1-active: var(--brand-primary-active);
    --adminuiux-theme-1-rgb: var(--brand-primary-rgb);
    --adminuiux-theme-1-text: #ffffff;
    --adminuiux-theme-2: var(--brand-secondary);
    --adminuiux-theme-2-hover: var(--brand-secondary-hover);
    --adminuiux-theme-2-active: var(--brand-secondary-active);
    --adminuiux-theme-2-rgb: var(--brand-secondary-rgb);
    --adminuiux-theme-accent-1: var(--brand-secondary);
    --adminuiux-theme-accent-1-hover: var(--brand-secondary-hover);
    --adminuiux-theme-accent-1-active: var(--brand-secondary-active);
    --adminuiux-theme-accent-1-rgb: var(--brand-secondary-rgb);
    --bs-link-color: var(--brand-primary);
    --bs-link-color-rgb: var(--brand-primary-rgb);
}

.btn-theme,
.btn-primary {
    --bs-btn-bg: var(--brand-primary);
    --bs-btn-border-color: var(--brand-primary);
    --bs-btn-color: var(--brand-on-primary);
    --bs-btn-hover-bg: var(--brand-primary-hover);
    --bs-btn-hover-border-color: var(--brand-primary-hover);
    --bs-btn-hover-color: var(--brand-on-primary);
    --bs-btn-active-bg: var(--brand-primary-active);
    --bs-btn-active-border-color: var(--brand-primary-active);
    --bs-btn-active-color: var(--brand-on-primary);
    --bs-btn-disabled-bg: rgba(var(--brand-primary-rgb), 0.5);
    --bs-btn-disabled-border-color: rgba(var(--brand-primary-rgb), 0.5);
    --bs-btn-disabled-color: var(--brand-on-primary);
    --bs-btn-focus-shadow-rgb: var(--brand-primary-rgb);
}

.btn-theme,
.btn-primary,
.btn-theme.text-color-theme,
.btn-primary.text-color-theme {
    color: var(--brand-on-primary) !important;
}

.btn-theme *,
.btn-primary *,
.btn-theme.text-color-theme *,
.btn-primary.text-color-theme * {
    color: inherit !important;
}

.btn-outline-theme,
.btn-outline-primary {
    --bs-btn-color: var(--brand-primary);
    --bs-btn-border-color: var(--brand-primary);
    --bs-btn-hover-bg: var(--brand-primary);
    --bs-btn-hover-border-color: var(--brand-primary);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-active-bg: var(--brand-primary-active);
    --bs-btn-active-border-color: var(--brand-primary-active);
    --bs-btn-active-color: #ffffff;
    --bs-btn-disabled-color: rgba(var(--brand-primary-rgb), 0.5);
    --bs-btn-disabled-border-color: rgba(var(--brand-primary-rgb), 0.5);
}

.btn-outline-primary,
.btn-outline-theme {
    border-color: var(--brand-primary) !important;
    color: var(--brand-primary) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-theme:hover,
.btn-outline-theme:focus {
    border-color: var(--brand-primary) !important;
    color: var(--brand-on-primary) !important;
}

.btn-check:checked + .btn-outline-primary,
.btn-check:checked + .btn-outline-theme,
.btn-outline-primary.active,
.btn-outline-primary:active,
.btn-outline-theme.active,
.btn-outline-theme:active {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: var(--brand-on-primary) !important;
}

.btn-check:checked + .btn-outline-primary *,
.btn-check:checked + .btn-outline-theme *,
.btn-outline-primary.active *,
.btn-outline-primary:active *,
.btn-outline-theme.active *,
.btn-outline-theme:active * {
    color: inherit !important;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: var(--brand-primary);
    --bs-nav-pills-link-active-color: var(--brand-on-primary);
}

.btn-accent {
    --bs-btn-bg: var(--brand-secondary);
    --bs-btn-border-color: var(--brand-secondary);
    --bs-btn-hover-bg: var(--brand-secondary-hover);
    --bs-btn-hover-border-color: var(--brand-secondary-hover);
    --bs-btn-active-bg: var(--brand-secondary-active);
    --bs-btn-active-border-color: var(--brand-secondary-active);
    --bs-btn-focus-shadow-rgb: var(--brand-secondary-rgb);
}

.text-theme-1,
.text-color-theme,
.text-primary,
.link-primary {
    color: var(--brand-primary) !important;
}

.text-theme-2 {
    color: var(--brand-secondary) !important;
}

.bg-theme-1,
.bg-primary {
    background-color: var(--brand-primary) !important;
}

.border-theme-1,
.border-primary {
    border-color: var(--brand-primary) !important;
}

.form-check-input:checked,
.form-check-input[type="checkbox"]:indeterminate {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
}

.form-check-input:focus,
.form-control:focus,
.form-select:focus {
    border-color: rgba(var(--brand-primary-rgb), 0.4);
    box-shadow: 0 0 0 0.25rem rgba(var(--brand-primary-rgb), 0.25);
}

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

.page-link.active,
.active > .page-link {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
}

.adminuiux-sidebar .adminuiux-sidebar-inner .nav.menu-active-line .nav-item .nav-link.active,
.adminuiux-sidebar .adminuiux-sidebar-inner .nav.menu-active-line .nav-item .nav-link.show,
.adminuiux-sidebar .adminuiux-sidebar-inner .nav.menu-active-line .nav-item .nav-link:active:not(.dropdown-toggle) {
    background-color: var(--brand-menu-active) !important;
    color: var(--brand-on-primary) !important;
}

.adminuiux-sidebar .adminuiux-sidebar-inner .nav.menu-active-line .nav-item .nav-link.active i,
.adminuiux-sidebar .adminuiux-sidebar-inner .nav.menu-active-line .nav-item .nav-link.active svg,
.adminuiux-sidebar .adminuiux-sidebar-inner .nav.menu-active-line .nav-item .nav-link.show i,
.adminuiux-sidebar .adminuiux-sidebar-inner .nav.menu-active-line .nav-item .nav-link.show svg,
.adminuiux-sidebar .adminuiux-sidebar-inner .nav.menu-active-line .nav-item .nav-link:active:not(.dropdown-toggle) i,
.adminuiux-sidebar .adminuiux-sidebar-inner .nav.menu-active-line .nav-item .nav-link:active:not(.dropdown-toggle) svg {
    color: var(--brand-on-primary) !important;
    stroke: var(--brand-on-primary) !important;
}

.adminuiux-sidebar .adminuiux-sidebar-inner .nav.menu-active-line .nav-item .nav-link.active *,
.adminuiux-sidebar .adminuiux-sidebar-inner .nav.menu-active-line .nav-item .nav-link.show *,
.adminuiux-sidebar .adminuiux-sidebar-inner .nav.menu-active-line .nav-item .nav-link:active:not(.dropdown-toggle) * {
    color: var(--brand-on-primary) !important;
}

.bg-primary,
.bg-theme-1,
.text-bg-primary,
.text-bg-theme-1 {
    color: var(--brand-on-primary) !important;
}

.bg-primary *,
.bg-theme-1 *,
.text-bg-primary *,
.text-bg-theme-1 * {
    color: inherit;
}

.bg-primary .text-secondary,
.bg-theme-1 .text-secondary,
.text-bg-primary .text-secondary,
.text-bg-theme-1 .text-secondary,
.bg-primary .text-body-secondary,
.bg-theme-1 .text-body-secondary,
.text-bg-primary .text-body-secondary,
.text-bg-theme-1 .text-body-secondary {
    color: rgba(var(--brand-on-primary-rgb), 0.78) !important;
}