:root {
  /* text color */
  --text: #3b3b3bff;
  /* primary */
  --primary-50: 243 243 245;
  --primary-100: 230 231 235;
  --primary-200: 206 208 216;
  --primary-300: 181 184 196;
  --primary-400: 157 160 176;
  --primary-500: 9 18 58;
  --primary-600: 7 14 46;
  --primary-700: 5 11 35;
  --primary-800: 4 7 23;
  --primary-900: 2 4 12;
  --primary-950: 1 2 6;
  /* accent */
  --accent-50: 249 252 254;
  --accent-100: 243 248 253;
  --accent-200: 232 242 250;
  --accent-300: 220 235 248;
  --accent-400: 208 229 246;
  --accent-500: 138 189 232;
  --accent-600: 110 151 186;
  --accent-700: 83 113 139;
  --accent-800: 55 76 93;
  --accent-900: 28 38 46;
  --accent-950: 14 19 23;
  /* fonts */
  --heading: Montserrat;
  --body: Montserrat;
}