:root {
  /* text color */
  --text: #3b3f45ff;
  /* primary */
  --primary-50: 243 251 251;
  --primary-100: 232 247 247;
  --primary-200: 208 239 240;
  --primary-300: 185 230 232;
  --primary-400: 161 222 225;
  --primary-500: 20 173 179;
  --primary-600: 16 138 143;
  --primary-700: 12 104 107;
  --primary-800: 8 69 72;
  --primary-900: 4 35 36;
  --primary-950: 2 17 18;
  /* accent */
  --accent-50: 254 251 244;
  --accent-100: 254 247 232;
  --accent-200: 253 240 210;
  --accent-300: 252 232 187;
  --accent-400: 251 224 164;
  --accent-500: 244 178 28;
  --accent-600: 195 142 22;
  --accent-700: 146 107 17;
  --accent-800: 98 71 11;
  --accent-900: 49 36 6;
  --accent-950: 24 18 3;
  /* fonts */
  --heading: Montserrat;
  --body: Roboto;
}