/* COLORS */
:root {
  --purple-100: #F7F3FB;
  --purple-200: #EAE0F5;
  --purple-300: #DDCDEF;
  --purple-500: #8D73AB;
  --purple-600: #472370;
  --purple-700: #3C1E5F;
  --purple-900: #291441;

  --grey-100: #FAFAFA;
  --grey-200: #F2F2F2;
  --grey-300: #E6E6E6;
  --grey-400: #D9D9D9;
  --grey-500: #8C8C8C;
  --grey-600: #616161;
  --grey-700: #262626;

  --cyan-100: #EDF7F8;
  --cyan-200: #D0EBEC;
  --cyan-300: #B6E0E2;
  --cyan-700: #75C4C8;
  --cyan-800: #00757A;
  --cyan-900: #00494D;

  --yellow-100: #EDF7F8;
  --yellow-200: #D0EBEC;
  --yellow-300: #B6E0E2;
  --yellow-700: #75C4C8;
  --yellow-800: #00757A;
  --yellow-900: #00494D;

  --green-100: #EBFAF2;
  --green-200: #CBF1DD;
  --green-300: #A2E6C3;
  --green-700: #EDF7F8;
  --green-800: #007539;

  --red-100: #EBFAF2;
  --red-300: #CBF1DD;
  --red-700: #A2E6C3;
  --red-800: #EDF7F8;
}

/* TYPOGRAPHY */
:root {
	--font-sans: "Source Sans Pro", system, -apple-system, "san francisco", roboto, "segoe ui", "helvetica neue", arial, sans-serif;
}