:root {

	--ml-light-purple   : #4B4BA7;
 	--ml-light-night    : #2C3255;
 	--ml-light-steel    : #F4F8FF;

	--ml-dark-purple    : #444286;
	--ml-dark-blueberry : #343A60;
	--ml-dark-galaxy    : #232A3E;

	--ml-wine           : #8A5A83;
	--ml-berry          : #8E8ABB;
	--ml-lilac          : #83639D;
	--ml-lavender       : #4D55A1;
	--ml-plum		    : #7D5A81;
	--ml-lazuli         : #009EDB;
	--ml-true-blue      : #0275d8;
	--ml-peach          : #F1909C;
	--ml-rose           : #F086A3;
	--ml-lemonade       : #FFE37E;
	--ml-gold           : #FBBA00;
	--ml-sunset         : #F59C00;
	--ml-snow           : #FAFCFF;
	--ml-frost			: #E1E5F8;
	--ml-chili          : #D3593B;
	--ml-clover         : #35AC82;

	--ml-delft       : #42476A;
	--ml-violet      : #4D4DA8;
	--ml-marian      : #444286;
	--ml-wet         : #4B559C;
	--ml-celestial   : #4199D6;
	--ml-nightsky    : #21214D;
	--ml-softblue    : #C6C7FF;
	--ml-alice       : #F2F6FB;
	--ml-mood        : #F0F5FC;
	--ml-silver      : #EDF2FC;
	--ml-foggy       : #F0F5FF;
	--ml-shadowgrey  : #E6EBF4;
	--ml-softgrey    : #F5F9FF;
	--ml-dustgrey    : #EDF4FF;
	--ml-boxgrey	 : #FDFDFF;
	--ml-bordergrey	 : #E1EBF5;
	--ml-tropical    : #8587C5;
	--ml-cool        : #8B8DA7;
	--ml-silk        : #D5DCEA;
	--ml-moon	     : #F0F3FF;
	--ml-ghost       : #F1F3FA;
	--ml-paper       : #F4F7FC;
	--ml-egg		 : #FFFAE9;
	--ml-pale        : #F2F2F9;
	--ml-concrete    : #D9CFD7;
	--ml-sea         : #4E9372;
	--ml-butterscotch: #DF9B38;
	--ml-lace        : #FAF1E3;
	--ml-butter      : #FFE2A7;
	--ml-bright      : #FFFEE5;
	--ml-bronze      : #DF8638;
	--ml-jasper      : #D3593B;
	--ml-beach       : #F9E7E3;
	--ml-sienna      : #D16A50;
	--ml-shadow      : #4B4BA719;
	--ml-backdrop    : rgba(75, 75, 167, 0.2);
	--ml-backdrop-darker: rgba(75, 75, 120, 0.6);

	--ml-canvas  : #F4F8FF;
	--ml-mangolia: #EDEFFD;
	--ml-mint    : #E4F4EF;
	--ml-blob    : #E6FFE8;
	--ml-peachy  : #FAEFF1;
	--ml-rasberry: #F5E4F7;
	--ml-blondie : #F9F1E3;
	--ml-bluesky : #E6F3FF;
	--ml-windy   : #E3F0FE;
	--ml-bubble  : #F7F7F7;

	/* These colors will probably not be included in the new palette
	but adding them here for now while refactoring */
	--ml-legacy-color1: #1E2530;
	--ml-legacy-color2: #262f3c;
	--ml-legacy-color3: #384254;
	--ml-legacy-color4: #90a1b9;
	--ml-legacy-color5: red;
	--ml-legacy-color6: #0275d8;
	--ml-legacy-color7: #eeeeee;
}


/* Color Classes */

.bg-canvas   {background-color: var(--ml-canvas);}
.bg-mangolia {background-color: var(--ml-mangolia);}
.bg-mint     {background-color: var(--ml-mint);}
.bg-blob	 {background-color: var(--ml-blob);}
.bg-peachy   {background-color: var(--ml-peachy);}
.bg-rasberry {background-color: var(--ml-rasberry);}
.bg-blondie  {background-color: var(--ml-blondie);}
.bg-bluesky  {background-color: var(--ml-bluesky);}
.bg-windy	 {background-color: var(--ml-windy);}
.bg-bubble   {background-color: var(--ml-bubble);}