:root {
  /* text color */
  --color: #3b3b3bff;
  /* primary */
  --primary-50: 246 246 250;
  --primary-100: 238 237 246;
  --primary-200: 220 219 236;
  --primary-300: 203 202 227;
  --primary-400: 186 184 217;
  --primary-500: 82 77 161;
  --primary-600: 66 62 129;
  --primary-700: 49 46 97;
  --primary-800: 33 31 64;
  --primary-900: 16 15 32;
  --primary-950: 8 8 16;
  /* accent */
  --accent-50: 254 244 246;
  --accent-100: 252 232 237;
  --accent-200: 249 210 218;
  --accent-300: 246 187 200;
  --accent-400: 243 165 182;
  --accent-500: 225 29 72;
  --accent-600: 180 23 58;
  --accent-700: 135 17 43;
  --accent-800: 90 12 29;
  --accent-900: 45 6 14;
  --accent-950: 23 3 7;
  /* fonts */
  --heading: Montserrat;
  --body: Roboto;
}