:root {
	--main-color: #ba68c8;
	--main-color-quarter-alpha: #ba68c844;

	--main-color-light-tinted:  #f3e5f5;
	--main-color-dark-tinted:  #e8ccec;
}

.side-nav > li > a:hover, .side-nav > li > ul li:hover {
	background-color: #d19ada33;
}

.side-nav > li.active > a, .side-nav > li.active > ul {
	background-color: #d19ada55;
}
.switch label input[type=checkbox]:checked + .lever {
	background-color: #e3c2e9;
}

.switch label .lever:before {
	background-color: rgba(186,104,200, 0.15);
}

input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,
input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {
	background-color: rgba(186,104,200, 0.15);
}

.progress {
	background-color: #e8ccec;
}

.btn:hover:not(.MuiButton-root), .btn:focus:not(.MuiButton-root), .btn-floating:hover:not(.MuiButton-root), .btn-large:hover:not(.MuiButton-root), .btn-large:focus:not(.MuiButton-root) {
	background-color: #bd6fca;
}