html[data-portal-palette] {
    --portal-page-bg: #f5f8fa;
    --portal-card-bg: #ffffff;
    --portal-header-bg: #ffffff;
    --portal-sidebar-bg: #101827;
    --portal-sidebar-text: #e5edf8;
    --portal-sidebar-muted: #9fb0c7;
    --portal-border: #e6ecf2;
    --portal-table-stripe: rgba(var(--bs-primary-rgb), 0.035);
    --portal-shadow-color: rgba(15, 23, 42, 0.07);
}

html[data-portal-palette="galileo-blue"] {
    --bs-primary: #009ef7;
    --bs-primary-active: #0095e8;
    --bs-primary-light: #eaf7ff;
    --bs-primary-inverse: #ffffff;
    --bs-primary-rgb: 0, 158, 247;
    --bs-link-color: #009ef7;
    --bs-link-hover-color: #007fc7;
    --bs-link-color-rgb: 0, 158, 247;
    --bs-link-hover-color-rgb: 0, 127, 199;
    --portal-page-bg: #f5f8fa;
    --portal-card-bg: #ffffff;
    --portal-header-bg: #ffffff;
    --portal-sidebar-bg: #101827;
    --portal-sidebar-text: #e5edf8;
    --portal-sidebar-muted: #9fb0c7;
    --portal-border: #e6ecf2;
}

html[data-portal-palette="academy-navy"] {
    --bs-primary: #1e3a8a;
    --bs-primary-active: #172f73;
    --bs-primary-light: #e8eef9;
    --bs-primary-inverse: #ffffff;
    --bs-primary-rgb: 30, 58, 138;
    --bs-link-color: #1e3a8a;
    --bs-link-hover-color: #172f73;
    --bs-link-color-rgb: 30, 58, 138;
    --bs-link-hover-color-rgb: 23, 47, 115;
    --portal-page-bg: #f3f6fa;
    --portal-card-bg: #ffffff;
    --portal-header-bg: #ffffff;
    --portal-sidebar-bg: #0f172a;
    --portal-sidebar-text: #e2e8f0;
    --portal-sidebar-muted: #94a3b8;
    --portal-border: #dde5f0;
}

html[data-portal-palette="science-teal"] {
    --bs-primary: #0f766e;
    --bs-primary-active: #0b5f59;
    --bs-primary-light: #e3f5f2;
    --bs-primary-inverse: #ffffff;
    --bs-primary-rgb: 15, 118, 110;
    --bs-link-color: #0f766e;
    --bs-link-hover-color: #0b5f59;
    --bs-link-color-rgb: 15, 118, 110;
    --bs-link-hover-color-rgb: 11, 95, 89;
    --portal-page-bg: #f2f8f7;
    --portal-card-bg: #ffffff;
    --portal-header-bg: #ffffff;
    --portal-sidebar-bg: #123532;
    --portal-sidebar-text: #d9f3ef;
    --portal-sidebar-muted: #98c9c2;
    --portal-border: #dcece9;
}

html[data-portal-palette="slate-violet"] {
    --bs-primary: #6d28d9;
    --bs-primary-active: #5b21b6;
    --bs-primary-light: #f0eafe;
    --bs-primary-inverse: #ffffff;
    --bs-primary-rgb: 109, 40, 217;
    --bs-link-color: #6d28d9;
    --bs-link-hover-color: #5b21b6;
    --bs-link-color-rgb: 109, 40, 217;
    --bs-link-hover-color-rgb: 91, 33, 182;
    --portal-page-bg: #f6f4fa;
    --portal-card-bg: #ffffff;
    --portal-header-bg: #ffffff;
    --portal-sidebar-bg: #1e1b2e;
    --portal-sidebar-text: #ece7ff;
    --portal-sidebar-muted: #b8afd3;
    --portal-border: #e7e0f4;
}

html[data-portal-palette="emerald-focus"] {
    --bs-primary: #047857;
    --bs-primary-active: #065f46;
    --bs-primary-light: #e5f6ee;
    --bs-primary-inverse: #ffffff;
    --bs-primary-rgb: 4, 120, 87;
    --bs-link-color: #047857;
    --bs-link-hover-color: #065f46;
    --bs-link-color-rgb: 4, 120, 87;
    --bs-link-hover-color-rgb: 6, 95, 70;
    --portal-page-bg: #f3f8f5;
    --portal-card-bg: #ffffff;
    --portal-header-bg: #ffffff;
    --portal-sidebar-bg: #10251b;
    --portal-sidebar-text: #dff4e9;
    --portal-sidebar-muted: #9bc5ae;
    --portal-border: #dfece5;
}

html[data-portal-palette="amber-orange"] {
    --bs-primary: #ea580c;
    --bs-primary-active: #c2410c;
    --bs-primary-light: #ffedd5;
    --bs-primary-inverse: #ffffff;
    --bs-primary-rgb: 234, 88, 12;
    --bs-link-color: #c2410c;
    --bs-link-hover-color: #9a3412;
    --bs-link-color-rgb: 194, 65, 12;
    --bs-link-hover-color-rgb: 154, 52, 18;
    --portal-page-bg: #fff7ed;
    --portal-card-bg: #ffffff;
    --portal-header-bg: #ffffff;
    --portal-sidebar-bg: #2b1606;
    --portal-sidebar-text: #ffedd5;
    --portal-sidebar-muted: #d6a77d;
    --portal-border: #f2dfc8;
}

html[data-portal-palette="baby-pink"] {
    --bs-primary: #b64170;
    --bs-primary-active: #983359;
    --bs-primary-light: #fce1ec;
    --bs-primary-inverse: #ffffff;
    --bs-primary-rgb: 182, 65, 112;
    --bs-link-color: #b64170;
    --bs-link-hover-color: #983359;
    --bs-link-color-rgb: 182, 65, 112;
    --bs-link-hover-color-rgb: 152, 51, 89;
    --portal-page-bg: #fff0f5;
    --portal-card-bg: #fffafd;
    --portal-header-bg: #fce1ec;
    --portal-sidebar-bg: #432435;
    --portal-sidebar-text: #ffe7f0;
    --portal-sidebar-muted: #d9adbf;
    --portal-border: #efd0de;
    --portal-shadow-color: rgba(67, 36, 53, 0.07);
}

html[data-bs-theme="dark"][data-portal-palette="galileo-blue"] {
    --bs-primary: #38bdf8;
    --bs-primary-active: #0ea5e9;
    --bs-primary-light: #0b3148;
    --bs-primary-rgb: 56, 189, 248;
    --portal-page-bg: #0f172a;
    --portal-card-bg: #111c2f;
    --portal-header-bg: #111c2f;
    --portal-sidebar-bg: #080d18;
    --portal-sidebar-text: #dbeafe;
    --portal-sidebar-muted: #8aa4c4;
    --portal-border: #243147;
    --portal-table-stripe: rgba(56, 189, 248, 0.045);
}

html[data-bs-theme="dark"][data-portal-palette="academy-navy"] {
    --bs-primary: #60a5fa;
    --bs-primary-active: #3b82f6;
    --bs-primary-light: #102b4f;
    --bs-primary-rgb: 96, 165, 250;
    --portal-page-bg: #0b1120;
    --portal-card-bg: #111827;
    --portal-header-bg: #111827;
    --portal-sidebar-bg: #020617;
    --portal-sidebar-text: #dbeafe;
    --portal-sidebar-muted: #8ca3c4;
    --portal-border: #253145;
    --portal-table-stripe: rgba(96, 165, 250, 0.045);
}

html[data-bs-theme="dark"][data-portal-palette="science-teal"] {
    --bs-primary: #2dd4bf;
    --bs-primary-active: #14b8a6;
    --bs-primary-light: #0b3834;
    --bs-primary-rgb: 45, 212, 191;
    --portal-page-bg: #071a19;
    --portal-card-bg: #0f2523;
    --portal-header-bg: #0f2523;
    --portal-sidebar-bg: #031312;
    --portal-sidebar-text: #ccfbf1;
    --portal-sidebar-muted: #7db8ae;
    --portal-border: #1f3c39;
    --portal-table-stripe: rgba(45, 212, 191, 0.045);
}

html[data-bs-theme="dark"][data-portal-palette="slate-violet"] {
    --bs-primary: #a78bfa;
    --bs-primary-active: #8b5cf6;
    --bs-primary-light: #2c2247;
    --bs-primary-rgb: 167, 139, 250;
    --portal-page-bg: #11101a;
    --portal-card-bg: #1a1628;
    --portal-header-bg: #1a1628;
    --portal-sidebar-bg: #080711;
    --portal-sidebar-text: #ede9fe;
    --portal-sidebar-muted: #a59abe;
    --portal-border: #302941;
    --portal-table-stripe: rgba(167, 139, 250, 0.045);
}

html[data-bs-theme="dark"][data-portal-palette="emerald-focus"] {
    --bs-primary: #34d399;
    --bs-primary-active: #10b981;
    --bs-primary-light: #0d3a2a;
    --bs-primary-rgb: 52, 211, 153;
    --portal-page-bg: #07150f;
    --portal-card-bg: #102018;
    --portal-header-bg: #102018;
    --portal-sidebar-bg: #03100a;
    --portal-sidebar-text: #d1fae5;
    --portal-sidebar-muted: #8abca3;
    --portal-border: #21372c;
    --portal-table-stripe: rgba(52, 211, 153, 0.045);
}

html[data-bs-theme="dark"][data-portal-palette="amber-orange"] {
    --bs-primary: #fb923c;
    --bs-primary-active: #f97316;
    --bs-primary-light: #3d1f0b;
    --bs-primary-rgb: 251, 146, 60;
    --portal-page-bg: #1b1008;
    --portal-card-bg: #24150b;
    --portal-header-bg: #24150b;
    --portal-sidebar-bg: #0f0804;
    --portal-sidebar-text: #ffedd5;
    --portal-sidebar-muted: #c99568;
    --portal-border: #3b2819;
    --portal-table-stripe: rgba(251, 146, 60, 0.045);
}

html[data-bs-theme="dark"][data-portal-palette="baby-pink"] {
    --bs-primary: #f4aac8;
    --bs-primary-active: #ec8db4;
    --bs-primary-light: #482637;
    --bs-primary-inverse: #321c28;
    --bs-primary-rgb: 244, 170, 200;
    --bs-link-color: #f4aac8;
    --bs-link-hover-color: #ffd0e3;
    --bs-link-color-rgb: 244, 170, 200;
    --bs-link-hover-color-rgb: 255, 208, 227;
    --portal-page-bg: #21151c;
    --portal-card-bg: #2e1e27;
    --portal-header-bg: #2e1e27;
    --portal-sidebar-bg: #180f15;
    --portal-sidebar-text: #ffe7f0;
    --portal-sidebar-muted: #cda2b5;
    --portal-border: #503342;
    --portal-table-stripe: rgba(244, 170, 200, 0.045);
}

html[data-portal-palette] {
    --bs-page-bg: var(--portal-page-bg);
    --bs-body-bg: var(--portal-page-bg);
    --bs-app-blank-bg: var(--portal-page-bg);
    --bs-header-desktop-fixed-bg-color: var(--portal-header-bg);
    --bs-header-tablet-and-mobile: var(--portal-header-bg);
    --bs-aside-bg-color: var(--portal-sidebar-bg);
    --bs-border-color: var(--portal-border);
    --bs-card-bg: var(--portal-card-bg);
    --bs-menu-dropdown-bg-color: var(--portal-card-bg);
    --bs-component-active-bg: var(--bs-primary);
    --bs-component-hover-bg: var(--bs-primary-light);
}

html[data-portal-palette] body {
    background-color: var(--portal-page-bg);
}

html[data-portal-palette] .card,
html[data-portal-palette] .modal-content,
html[data-portal-palette] .dropdown-menu,
html[data-portal-palette] .menu-sub-dropdown {
    background-color: var(--portal-card-bg);
    border-color: var(--portal-border);
}

html[data-portal-palette] .card {
    box-shadow: 0 10px 30px var(--portal-shadow-color);
}

html[data-portal-palette] .table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-bg-type: var(--portal-table-stripe);
}

html[data-portal-palette] .btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary-active);
    --bs-btn-hover-border-color: var(--bs-primary-active);
    --bs-btn-active-bg: var(--bs-primary-active);
    --bs-btn-active-border-color: var(--bs-primary-active);
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

html[data-portal-palette] .btn-light-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-bg: var(--bs-primary-light);
    --bs-btn-border-color: var(--bs-primary-light);
    --bs-btn-hover-color: var(--bs-primary-inverse);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-color: var(--bs-primary-inverse);
    --bs-btn-active-bg: var(--bs-primary-active);
    --bs-btn-active-border-color: var(--bs-primary-active);
}

html[data-portal-palette] .btn-secondary {
    --bs-btn-bg: var(--portal-card-bg);
    --bs-btn-border-color: var(--portal-border);
    --bs-btn-hover-bg: var(--bs-primary-light);
    --bs-btn-hover-border-color: var(--bs-primary-light);
}

html[data-portal-palette] .aside .aside-menu .menu .menu-item .menu-link,
html[data-portal-palette] .aside .aside-menu .menu .menu-item .menu-link .menu-title,
html[data-portal-palette] .aside-user .text-gray-800 {
    color: var(--portal-sidebar-text) !important;
}

html[data-portal-palette] .aside .aside-menu .menu .menu-item .menu-link .menu-icon,
html[data-portal-palette] .aside .aside-menu .menu .menu-item .menu-link .menu-icon i,
html[data-portal-palette] .aside .aside-menu .menu .menu-item .menu-link .menu-bullet .bullet,
html[data-portal-palette] .aside-user .text-gray-600,
html[data-portal-palette] .aside-footer .btn {
    color: var(--portal-sidebar-muted) !important;
}

html[data-portal-palette] .aside .aside-menu .menu .menu-item .menu-link:hover,
html[data-portal-palette] .aside .aside-menu .menu .menu-item .menu-link.active,
html[data-portal-palette] .aside .aside-menu .menu .menu-item.show > .menu-link {
    background: rgba(var(--bs-primary-rgb), 0.14);
    color: var(--portal-sidebar-text) !important;
}

html[data-portal-palette] #kt_aside_logo .theme-light-show {
    display: none !important;
}

html[data-portal-palette] #kt_aside_logo .theme-dark-show {
    display: inline-block !important;
}

html[data-portal-palette] .portal-palette-swatch {
    display: inline-block;
    width: 22px;
    height: 22px;
    border: 1px solid var(--bs-border-color);
    border-radius: 50%;
    background: linear-gradient(135deg, var(--swatch-side) 0 34%, var(--swatch-bg) 34% 66%, var(--swatch-primary) 66% 100%);
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.75);
}

html[data-portal-palette] [data-portal-palette-option].active {
    background-color: var(--bs-primary-light);
    color: var(--bs-primary);
}