$mm-blue: #002F6C;
$mm-orange: #FF671F;
$mm-green: #43B02A;
$mm-yellow: #F6BE00;
$mm-purple: #8658A3;
$mm-teal: #6AA7AD;
$mm-red: #EE2737;
$mm-blue-1: #009CDE;

$mm-blue-light: #4C6D98;
$mm-orange-light: #F69460;
$mm-green-light: #78C580;
$mm-yellow-light: #FAD15B;
$mm-purple-light: #AA8ABE;
$mm-teal-light: #94C0C5;
$mm-red-light: #F86F77;
$mm-blue-light-1: #5FB7E2;

$mm-white: #FFFFFF;
$mm-gray-0: #EEEEED;
$mm-gray-1: #D9D9D6;
$mm-gray-2: #B1B3B3;
$mm-gray-3: #757778;
$mm-gray-4: #555555;
$mm-black: #000000;

$mm-gray-blue-1: #C1C9D5;
$mm-gray-blue-2: #5B6B7F;

$viz-color-grip: $mm-white;

$viz-color-neutral-light: $mm-gray-1;
$viz-color-neutral-dark: $mm-gray-2;
$viz-color-neutral-darkest: $mm-gray-3;

$viz-color-neutral-blue-light: $mm-gray-blue-1;
$viz-color-neutral-blue-dark: $mm-gray-blue-2;

$viz-color-dark-0: $mm-blue;
$viz-color-dark-1: $mm-orange;
$viz-color-dark-2: $mm-green;
$viz-color-dark-3: $mm-yellow;
$viz-color-dark-4: $mm-purple;
$viz-color-dark-5: $mm-teal;
$viz-color-dark-6: $mm-red;
$viz-color-dark-7: $mm-blue-1;

$viz-color-light-0: $mm-blue-light;
$viz-color-light-1: $mm-orange-light;
$viz-color-light-2: $mm-green-light;
$viz-color-light-3: $mm-yellow-light;
$viz-color-light-4: $mm-purple-light;
$viz-color-light-5: $mm-teal-light;
$viz-color-light-6: $mm-red-light;
$viz-color-light-7: $mm-blue-light-1;


/***** NEW Color variables with old values for backward compatibility *****/

// Neutral Palette
$mm-neutral-white: $mm-white; // login button on hover, active text
$mm-neutral-gray-10: $mm-gray-0;
$mm-neutral-gray-30: $mm-gray-1;
$mm-neutral-gray-40: $mm-gray-2;
$mm-neutral-gray-80: $mm-gray-4;
$mm-neutral-black: $mm-black;

// Qualitative Colors
$mm-qual-brand-blue: $mm-blue;
$mm-qual-blue1: $mm-blue-light-1;
$mm-qual-pink: $mm-red-light;
$mm-qual-green1: $mm-green-light;
$mm-qual-yellow: $mm-yellow;
$mm-qual-red: $mm-red;
$mm-qual-purple: $mm-purple;
$mm-qual-green: $mm-green;
$mm-qual-orange: $mm-orange;
$mm-qual-blue2:  $mm-blue-1;

$mm-qual-hue-1: $mm-blue;
$mm-qual-hue-2: $mm-orange;
$mm-qual-hue-3: $mm-green;
$mm-qual-hue-4: $mm-yellow;
$mm-qual-hue-5: $mm-purple;
$mm-qual-hue-6: $mm-teal;
$mm-qual-hue-7: $mm-red;
$mm-qual-hue-8: $mm-blue-1;
$mm-qual-hue-9: $mm-qual-pink;
$mm-qual-hue-10: $mm-qual-green1;


/***** NEW Color variables with new values *****/

// Divergent Colors
$mm-div-start: #FF671F;
$mm-div-middle: #D9D9D6;
$mm-div-end: #009CDE;

// Semantic Colors
$mm-sem-pos-90: #02422E;
$mm-sem-pos-80: #026346;
$mm-sem-pos-60: #059469;
$mm-sem-pos-50: #06C58C;
$mm-sem-pos-40: #72DDA7;
$mm-sem-pos-20: #A8F0C0;

// Semantic Colors
$mm-sem-neg-90: #5B081D;
$mm-sem-neg-80: #990E31;
$mm-sem-neg-60: #EB2254;
$mm-sem-neg-50: #F16084;
$mm-sem-neg-40: #F69FB4;
$mm-sem-neg-20: #FBCDD9;

$mm-sem-caution-90: #9F710D;
$mm-sem-caution-80: #CF940D;
$mm-sem-caution-60: #EFB022;
$mm-sem-caution-50: #F2C151;
$mm-sem-caution-40: #F6D281;
$mm-sem-caution-20: #F9E3B1;

$mm-sem-neutral-80: #555555;
$mm-sem-neutral-60: #888888;
$mm-sem-neutral-50: #A1A1A1;
$mm-sem-neutral-40: #BABABA;
$mm-sem-neutral-30: #D9D9D6;
$mm-sem-neutral-10: #EEEEED;

// Sequential Colors
$mm-seq-brand-blue-90: #002F6C;
$mm-seq-brand-blue-80: #004DB0;
$mm-seq-brand-blue-60: #0B70F4;
$mm-seq-brand-blue-50: #398FFF;
$mm-seq-brand-blue-40: #9FC9FF;
$mm-seq-brand-blue-20: #D2E5FF;

$mm-seq-purple-90: #3D1457;
$mm-seq-purple-80: #5A1D81;
$mm-seq-purple-60: #802AB8;
$mm-seq-purple-50: #A95CDA;
$mm-seq-purple-40: #CDA2EA;
$mm-seq-purple-20: #E4CCF3;

$mm-seq-green-90: #02422E;
$mm-seq-green-80: #026346;
$mm-seq-green-60: #059469;
$mm-seq-green-50: #06C58C;
$mm-seq-green-40: #72DDA7;
$mm-seq-green-20: #A8F0C0;

$mm-seq-orange-90: #852B01;
$mm-seq-orange-80: #B83B00;
$mm-seq-orange-60: #FF671F;
$mm-seq-orange-50: #FF9563;
$mm-seq-orange-40: #FFB896;
$mm-seq-orange-20: #FFDAC9;

$mm-seq-gray-80: #555555;
$mm-seq-gray-60: #888888;
$mm-seq-gray-50: #A1A1A1;
$mm-seq-gray-40: #BABABA;
$mm-seq-gray-30: #D9D9D6;
$mm-seq-gray-10: #EEEEED;