@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Exo+2:300,400,500,700&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

body {
  --color-shadow: #00000026;
  --color-darkShadow: #00000033;

  /* No match */
  --color-grey: #f3f3f3;
  --color-lightPrimary: #f6edff;

  --font-primary: 'Lato';
  --header-height: 76px;

  --color-purple-95: #ebd6ff;
  --color-purple-90: #e0c2ff;
  --color-purple-80: #cc99ff;
  --color-purple-70: #b266ff;
  --color-purple-60: #9e3dff;
  --color-purple-50: #8000ff;
  --color-purple-40: #6600cc;
  --color-purple-30: #4c0099;
  --color-purple-20: #330066;
  --color-purple-10: #190033;

  --color-grey-95: #fffef9;
  --color-grey-90: #f6f4f4;
  --color-grey-85: #ebe5e5;
  --color-grey-80: #d6d0d0;
  --color-grey-70: #bdb5b5;
  --color-grey-60: #a19999;
  --color-grey-50: #877f7f;
  --color-grey-40: #6b6464;
  --color-grey-30: #524b4b;
  --color-grey-20: #372f2f;

  --color-yellow-90: #faffc2;
  --color-yellow-80: #f6ff8f;
  --color-yellow-70: #f2ff5c;
  --color-yellow-60: #eeff28;
  --color-yellow-50: #d9e830;
  --color-yellow-40: #bac440;
  --color-yellow-30: #c5c8a2;
  --color-yellow-20: #bdc099;

  --color-turquoise-90: #e6f9f6;
  --color-turquoise-60: #83e2d1;
  --color-turquoise-50: #31ceb2;
  --color-turquoise-30: #1c7767;

  --color-orange-90: #ffefe5;
  --color-orange-80: #ffc9a8;
  --color-orange-60: #ff8f4b;
  --color-orange-30: #bd4700;

  --color-red-90: #ffebeb;
  --color-red-80: #fcabb6;
  --color-red-50: #fb2340;
  --color-red-30: #990519;

  --color-green-90: #e5f9e6;
  --color-green-30: #4caf50;
  --color-green-20: #357a38;
  --color-green-10: #1a3d1a;
}