:root {
  --font-family-1: 'Roboto Slab', serif;
  --font-family-2: 'Inter', sans-serif;
  --white: white;
  --black: #232323;
  --red: #d90429;
  --red-dark: #650000;
  --orange: #620e0e;
  --orange-dark: #e65100;
  --yellow: #ffd60a;
  --yellow-dark: #e0b700;
  --green: #4caf50;
  --green-dark: #2d6a4f;
  --blue: #0466c8;
  --blue-dark: #023e8a;
  --purple: #9d4edd;
  --purple-dark: #5a189a;
  --pink: #ff7096;
  --pink-dark: #ff477e;
  --brown: #bc8a5f;
  --brown-dark: #603808;
  --turquoise: #02c39a;
  --turquoise-dark: #16697a;
  --grey: #f2f2f2;
  --pastel-white: white;
  --pastel-black: #272727;
  --pastel-red: #fec8c1;
  --pastel-red-dark: #fa99a0;
  --pastel-orange: #ffdec3;
  --pastel-orange-dark: #ffb98a;
  --pastel-yellow: #fffbb5;
  --pastel-yellow-dark: #fff95b;
  --pastel-green: #d3fac7;
  --pastel-green-dark: #8df292;
  --pastel-blue: #edfbfe;
  --pastel-blue-dark: #7de2f7;
  --pastel-purple: #fbe4ff;
  --pastel-purple-dark: #e0aaff;
  --pastel-pink: #ffe5ec;
  --pastel-pink-dark: #ffafcc;
  --pastel-brown: #eed7c5;
  --pastel-brown-dark: #e7bc91;
  --pastel-turquoise: #dffdff;
  --pastel-turquoise-dark: #9af6e7;
  --pastel-grey: #e6e6e6;
  --grey-50: #f7f7f7;
  --grey-100: #f2f2f2;
  --grey-200: #ececec;
  --grey-300: #e6e6e6;
  --grey-400: #d9d9d9;
  --grey-500: #b5b5b5;
  --grey-600: #919191;
  --grey-700: #6d6d6d;
  --grey-800: #484848;
  --grey-900: #2b2b2b;
}