:root {
  /* text color */
  --text: #3b3b3bff;
  /* primary */
  --primary-50: 242 245 254;
  --primary-100: 230 235 253;
  --primary-200: 204 216 250;
  --primary-300: 179 196 248;
  --primary-400: 153 176 245;
  --primary-500: 0 58 231;
  --primary-600: 0 46 185;
  --primary-700: 0 35 139;
  --primary-800: 0 23 92;
  --primary-900: 0 12 46;
  --primary-950: 0 6 23;
  /* accent */
  --accent-50: 249 246 250;
  --accent-100: 244 237 246;
  --accent-200: 232 218 236;
  --accent-300: 221 200 227;
  --accent-400: 209 181 218;
  --accent-500: 140 71 162;
  --accent-600: 112 57 130;
  --accent-700: 84 43 97;
  --accent-800: 56 28 65;
  --accent-900: 28 14 32;
  --accent-950: 14 7 16;
  /* fonts */
  --heading: "Lexend Deca";
  --body: Lato;
}