.hue-light,
.light-mode {
	--ml-text-color                  : var(--ml-delft);
	--ml-text-color-light            : var(--ml-delft);
	--ml-text-highlight-color        : var(--ml-violet);
	--ml-text-lowlight-color         : var(--ml-tropical);
	--ml-background-color            : var(--ml-snow);
	--ml-background-highlight-color  : var(--ml-light-steel);
	--ml-background-moodlight-color  : var(--ml-mood);
	--ml-background-lowlight-color   : var(--ml-alice);
	--ml-background-content          : #fff;
	--ml-background-view             : #fff;
	--ml-primary-color               : var(--ml-light-purple);
	--ml-primary-text-color          : var(--ml-paper);
	--ml-secondary-color             : var(--ml-snow);
	--ml-secondary-text-color        : var(--ml-delft);
	--ml-link-color                  : var(--ml-true-blue);
	--ml-link-highlight-color        : var(--ml-cool);
	--ml-disabled-color              : var(--ml-ghost);
	--ml-disabled-text-color         : var(--ml-cool);
	--ml-headline-text-color         : var(--ml-dark-blueberry);
	--ml-border-color                : var(--ml-silver);
	--ml-border-shadow-color         : var(--ml-shadowgrey);
	--ml-border-lowlight-color       : var(--ml-silver);
	--ml-border-highlight-color      : var(--ml-silk);
	--ml-border-outline-color        : var(--ml-tropical);
	--ml-shadow-color                : var(--ml-shadow);

	--ml-neutral-color               : var(--ml-shadowgrey);
	--ml-neutral-light-color         : var(--ml-foggy);

	--ml-info-color                  : var(--ml-light-purple);
	--ml-info-bright-color           : var(--ml-pale);
	--ml-info-shaded-color           : var(--ml-marian);

	--ml-success-color               : var(--ml-clover);
	--ml-success-bright-color        : var(--ml-mint);
	--ml-success-shaded-color        : var(--ml-sea);

	--ml-warning-color               : var(--ml-butterscotch);
	--ml-warning-bright-color        : var(--ml-lace);
	--ml-warning-shaded-color        : var(--ml-bronze);

	--ml-error-color                 : var(--ml-jasper);
	--ml-error-bright-color          : var(--ml-beach);
	--ml-error-shaded-color          : var(--ml-sienna);
	
	/* These will probably not be used with new palette */
	--legacy-popup-body-color        : var(--ml-legacy-color1);
	--legacy-popup-border-color      : var(--ml-legacy-color2);
	--legacy-button-border-color     : var(--ml-legacy-color2);
	--legacy-button-hover-color      : var(--ml-legacy-color3);
	--legacy-text-default-color      : var(--ml-legacy-color4);
	--legacy-text-contrast-color     : var(--ml-legacy-color7);
	--legacy-icon-hover-color        : var(--ml-legacy-color6);
	--legacy-notification-color      : var(--ml-legacy-color5);

}

.hue-light,
.light-mode,
.ml-scroll-dark {
	--ml-scrollbar-thumb-color           : #d7d9e3;
	--ml-scrollbar-thumb-body-color      : rgba(0, 0, 0, 0.7);
	--ml-scrollbar-thumb-active-color    : rgba(0, 0, 0, 0.7);
	--ml-scrollbar-shadow-color          : rgba(255, 255, 255, 0.5);
	--ml-scrollbar-track-color           : transparent;
}