:root {
  /* text color */
  --text: #3b3b3bff;
  /* primary */
  --primary-50: 253 245 244;
  --primary-100: 251 235 233;
  --primary-200: 246 215 212;
  --primary-300: 242 194 190;
  --primary-400: 237 174 168;
  --primary-500: 211 53 38;
  --primary-600: 169 42 30;
  --primary-700: 127 32 23;
  --primary-800: 84 21 15;
  --primary-900: 42 11 8;
  --primary-950: 21 5 4;
  /* accent */
  --accent-50: 255 249 245;
  --accent-100: 254 243 234;
  --accent-200: 253 232 213;
  --accent-300: 253 220 192;
  --accent-400: 252 209 171;
  --accent-500: 247 139 46;
  --accent-600: 198 111 37;
  --accent-700: 148 83 28;
  --accent-800: 99 56 18;
  --accent-900: 49 28 9;
  --accent-950: 25 14 5;
  /* fonts */
  --heading: Montserrat;
  --body: Roboto;
}