/**
 * Base colors
 */

// Black & White
$color-white: #FFF; // @body-bg
$color-black: #000;

// Red
$color-red1: #FAE2DD;
$color-red2: #F6C6BC;
$color-red3: #F1A99A;
$color-red4: #ED8D79;
$color-red5: #E97158; // @brand-warning
$color-red6: #BA5A46;
$color-red7: #8B4334;
$color-red8: #5D2D23;
$color-red9: #2E1611;

// Orange
$color-orange1: #FDE9D1;
$color-orange2: #FBD3A4;
$color-orange3: #F9BE77;
$color-orange4: #F7A84A;
$color-orange5: #F6931D; // @btn-primary-color
$color-orange6: #C47517;
$color-orange7: #935811;
$color-orange8: #623A0B;
$color-orange9: #311D05;

// Yellow
$color-yellow1: #FEF2DB;
$color-yellow2: #FEE6B7;
$color-yellow3: #FED993;
$color-yellow4: #FECD6F;
$color-yellow5: #FEC14B;
$color-yellow6: #CB9A3C;
$color-yellow7: #98732D;
$color-yellow8: #654D1E;
$color-yellow9: #32260F;

// Green
$color-green1: #ECF1DD;
$color-green2: #D9E4BB;
$color-green3: #C6D69A;
$color-green4: #B3C978;
$color-green5: #A0BC57; // @brand-success
$color-green6: #809645;
$color-green7: #607034;
$color-green8: #404B22;
$color-green9: #202511;

// Blue
$color-blue0: #F3F9FA;
$color-blue1: #E2F0F2;
$color-blue2: #C5E2E6;
$color-blue3: #A8D3DA;
$color-blue4: #8BC5CE;
$color-blue5: #6EB7C2; // @brand-primary && @btn-deafult-bg
$color-blue6: #58929B;
$color-blue7: #426D74;
$color-blue8: #2C494D;
$color-blue9: #162426;

// Purple
$color-purple1: #EEEDF7;
$color-purple2: #DDDBEF;
$color-purple3: #CCCAE7;
$color-purple4: #BBB8DF;
$color-purple5: #A7A5C6;
$color-purple6: #8885AC;
$color-purple7: #666481;
$color-purple8: #444256;
$color-purple9: #22212B;

// Charcoal
$color-charcoal1: #DCDCDC; // @gray-lighter
$color-charcoal2: #BAB9BA; // @gray-light
$color-charcoal3: #989797;
$color-charcoal4: #767475;
$color-charcoal5: #545253; // @gray && @brand-info
$color-charcoal6: #434142;
$color-charcoal7: #323131; // @gray-dark
$color-charcoal8: #212021; // @gray-darker
$color-charcoal9: #101010; // @gray-base

// Ivory
$color-ivory1: #FDFDFC;
$color-ivory2: #FBFBF9;
$color-ivory3: #F9F9F6;
$color-ivory4: #F7F7F3;
$color-ivory5: #F6F5F1;
$color-ivory6: #C4C4C0;
$color-ivory7: #939390;
$color-ivory8: #626260;
$color-ivory9: #313130;

// Base colors
$color-body-bg: $color-ivory1 !default;
$text-color: $color-charcoal5 !default;

// Accessible Colors
$color-accessible-blue: #3678BA;
$color-accessible-blue-hover: #2B6094;
$color-accessible-dark-blue: #1F3970;
$color-accessible-light-blue: #EFF4F9;

$color-accessible-red: #D0391B;
$color-accessible-light-red: #FCF6F3;

$color-accessible-default-button: #CF3E00;
$color-accessible-default-button-hover: #7b2500;

// @text-color -> @gray
// @link-color -> @brand-primary

// New Modernize Brand Colors
// Used on the organic site (modernize.com)
$color-dark-purple-100: #D7D3DD;
$color-dark-purple-200: #AEA6BC;
$color-dark-purple-300: #867A9A;
$color-dark-purple-400: #5D4D79;
$color-dark-purple-500: #352157;
$color-dark-purple-600: #2A1A46;
$color-dark-purple-700: #201434;
$color-dark-purple-800: #150D23;
$color-dark-purple-900: #0B0711;

$color-medium-purple-100: #DFD7EB;
$color-medium-purple-200: #BEB0D7;
$color-medium-purple-300: #9E88C2;
$color-medium-purple-400: #7D61AE;
$color-medium-purple-500: #5D399A;
$color-medium-purple-600: #4A2E7B;
$color-medium-purple-700: #38225C;
$color-medium-purple-800: #25173E;
$color-medium-purple-900: #130B1F;

$color-electric-purple-100: #E9D0FD;
$color-electric-purple-200: #D4A1FB;
$color-electric-purple-300: #BE73FA;
$color-electric-purple-400: #A944F8;
$color-electric-purple-500: #9315F6;
$color-electric-purple-600: #7611C5;
$color-electric-purple-700: #580D94;
$color-electric-purple-800: #3B0862;
$color-electric-purple-900: #1D0431;

$color-lavender-100: #FBFAFF;
$color-lavender-200: #EFECFF;
$color-lavender-300: #DFDBF7;
$color-lavender-400: #CCC6F0;
$color-lavender-500: #B9B1E7;
$color-lavender-600: #948EB9;
$color-lavender-700: #6F6A8B;
$color-lavender-800: #4A475C;
$color-lavender-900: #25232E;

$color-electric-green-100: #F4FEF0;
$color-electric-green-200: #E9FEE1;
$color-electric-green-300: #DFFDD3;
$color-electric-green-400: #D4FDC4;
$color-electric-green-500: #C9FCB5;
$color-electric-green-600: #A1CA91;
$color-electric-green-700: #79976D;
$color-electric-green-800: #506548;
$color-electric-green-900: #283224;

$color-sea-foam-green-100: #E4F4E9;
$color-sea-foam-green-200: #CAE9D2;
$color-sea-foam-green-300: #AFDFBC;
$color-sea-foam-green-400: #95D4A5;
$color-sea-foam-green-500: #7AC98F;
$color-sea-foam-green-600: #62A172;
$color-sea-foam-green-700: #497956;
$color-sea-foam-green-800: #315039;
$color-sea-foam-green-900: #18281D;

$color-teal-100: #CCEFEE;
$color-teal-200: #99DEDD;
$color-teal-300: #66CECB;
$color-teal-400: #33BDBA;
$color-teal-500: #00ADA9;
$color-teal-600: #008A87;
$color-teal-700: #006865;
$color-teal-800: #004544;
$color-teal-900: #002322;

$color-royal-blue-100: #CDDCEB;
$color-royal-blue-200: #9CB9D8;
$color-royal-blue-300: #6A96C4;
$color-royal-blue-400: #3973B1;
$color-royal-blue-500: #07509D;
$color-royal-blue-600: #06407E;
$color-royal-blue-700: #04305E;
$color-royal-blue-800: #03203F;
$color-royal-blue-900: #01101F;

$color-red-100: #F6D5D7;
$color-red-200: #EDACAF;
$color-red-300: #E58287;
$color-red-400: #DC595F;
$color-red-500: #D32F37;
$color-red-600: #A9262C;
$color-red-700: #7F1C21;
$color-red-800: #541316;
$color-red-900: #2A090B;

$color-orange-100: #FCE9D1;
$color-orange-200: #F8D3A3;
$color-orange-300: #F5BD76;
$color-orange-400: #F1A748;
$color-orange-500: #EE911A;
$color-orange-600: #BE7415;
$color-orange-700: #8F5710;
$color-orange-800: #5F3A0A;
$color-orange-900: #301D05;

$color-salmon-100: #FDE2DE;
$color-salmon-200: #FAC5BD;
$color-salmon-300: #F8A79D;
$color-salmon-400: #F58A7C;
$color-salmon-500: #F36D5B;
$color-salmon-600: #C25749;
$color-salmon-700: #924137;
$color-salmon-800: #612C24;
$color-salmon-900: #311612;

$color-yellow-100: #FFF7D4;
$color-yellow-200: #FFEFA9;
$color-yellow-300: #FFE87D;
$color-yellow-400: #FFE052;
$color-yellow-500: #FFD827;
$color-yellow-600: #CCAD1F;
$color-yellow-700: #998217;
$color-yellow-800: #665610;
$color-yellow-900: #332B08;

$color-grey-100: #F1F1F1;
$color-grey-200: #F9F9F9;
$color-grey-300: #EEEEEE;
$color-grey-400: #C6C6C6;
$color-grey-500: #B8B8B8;
$color-grey-600: #939393;
$color-grey-700: #6E6E6E;
$color-grey-800: #4A4A4A;
$color-grey-900: #252525;