.theme-base {
	--tenant-tint: #ffffff;
	--tenant-light: #ffffff;
	--menu-item-background: #ffffff;
}

.theme-grey {
	--tenant-tint: #d8dee8;
	--tenant-light: #fcfcfd;
}

.theme-green {
	--tenant-tint: #cdecba;
	--tenant-light: #fbfdf9;
}

.theme-blue {
	--tenant-tint: #c4e1ff;
	--tenant-light: #fafcff;
}

.theme-teal {
	--tenant-tint: #bcebdd;
	--tenant-light: #f9fdfc;
}

.theme-cyan {
	--tenant-tint: #bdebf7;
	--tenant-light: #fafdfe;
}

.theme-purple {
	--tenant-tint: #dfc9f7;
	--tenant-light: #fdfbff;
}

.theme-rose {
	--tenant-tint: #fac9dc;
	--tenant-light: #fffafb;
}

.theme-peach {
	--tenant-tint: #ffd6b8;
	--tenant-light: #fffcf9;
}

.theme-amber {
	--tenant-tint: #f9e3a4;
	--tenant-light: #fffdf8;
}

.theme-sand {
	--tenant-tint: #e9d6bb;
	--tenant-light: #fdfcf9;
}

.theme-mint {
	--tenant-tint: #b9f2d0;
	--tenant-light: #f7fdf9;
}

.theme-sage {
	--tenant-tint: #cbdcba;
	--tenant-light: #fafcf7;
}

.theme-lime {
	--tenant-tint: #e0efa6;
	--tenant-light: #fcfef5;
}

.theme-olive {
	--tenant-tint: #dedda9;
	--tenant-light: #fdfcf5;
}

.theme-emerald {
	--tenant-tint: #a9e6c7;
	--tenant-light: #f6fcf9;
}

.theme-aqua {
	--tenant-tint: #a9ede7;
	--tenant-light: #f5fdfc;
}

.theme-turquoise {
	--tenant-tint: #a7e2ed;
	--tenant-light: #f5fcfd;
}

.theme-sky {
	--tenant-tint: #b5e6fc;
	--tenant-light: #f7fcff;
}

.theme-ice {
	--tenant-tint: #d3eff2;
	--tenant-light: #faffff;
}

.theme-periwinkle {
	--tenant-tint: #c9d2fc;
	--tenant-light: #f9faff;
}

.theme-lavender {
	--tenant-tint: #ddd1fc;
	--tenant-light: #fcfaff;
}

.theme-lilac {
	--tenant-tint: #ecccf7;
	--tenant-light: #fefaff;
}

.theme-orchid {
	--tenant-tint: #efbdec;
	--tenant-light: #fef8fd;
}

.theme-blush {
	--tenant-tint: #f8d5e2;
	--tenant-light: #fffafb;
}

.theme-coral {
	--tenant-tint: #ffc7bd;
	--tenant-light: #fff9f7;
}

.theme-apricot {
	--tenant-tint: #ffdda6;
	--tenant-light: #fffcf6;
}

.theme-lemon {
	--tenant-tint: #f5eea3;
	--tenant-light: #fffef5;
}

.theme-champagne {
	--tenant-tint: #f1e3bd;
	--tenant-light: #fffdf7;
}

.theme-copper {
	--tenant-tint: #e9c5ae;
	--tenant-light: #fdf9f6;
}

.theme-slate {
	--tenant-tint: #c3d2df;
	--tenant-light: #f8fafc;
}

.theme-base.theme-top .top-menu-wrapper {
	background: linear-gradient(180deg, var(--tenant-tint) 0%, var(--tenant-light) 80%);
}

.theme-base.theme-tenant-name .left-menu-wrapper .tenant-name-wrapper {
	background: linear-gradient(90deg, var(--tenant-tint) 0%, var(--tenant-light) 12%);
}

.theme-base.theme-menu .left-menu-wrapper .menu-parent {
	background: linear-gradient(90deg, var(--tenant-tint) 0%, var(--tenant-light) 12%);
}

.theme-base.theme-menu .k-menu-item[data-theme-item-background] {
	background-image: linear-gradient(90deg, var(--tenant-tint) 0%, var(--menu-item-background) 12%);
}

/*.theme-base .body-content {
	background: linear-gradient( 315deg, var(--tenant-tint) 0%, #ffffff 5%);
}*/

/*.theme-base footer {
	background: linear-gradient( 200deg, var(--tenant-tint) 0%, #ffffff 7%);
}*/

/*.theme-base #left-menu-toggler .k-button-icon:before {
	color: linear-gradient(90deg, var(--tenant-tint) 0%, var(--tenant-soft) 35%, var(--tenant-light) 100%);
}*/

/* Theme previews use the same palette variables as the tenant navigation. */
.tenant-theme-option {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.tenant-theme-swatch {
    display: inline-block;
    flex-shrink: 0;
    width: 64px;
    height: 20px;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--tenant-tint), var(--tenant-light));
}