:root {
  /* text color */
  --text: ;
  /* primary */
  --primary-50: 243 249 254;
  --primary-100: 232 243 254;
  --primary-200: 208 230 252;
  --primary-300: 185 218 251;
  --primary-400: 161 205 249;
  --primary-500: 20 130 240;
  --primary-600: 16 104 192;
  --primary-700: 12 78 144;
  --primary-800: 8 52 96;
  --primary-900: 4 26 48;
  --primary-950: 2 13 24;
  /* accent */
  --accent-50: 254 252 243;
  --accent-100: 254 249 231;
  --accent-200: 252 243 207;
  --accent-300: 251 236 183;
  --accent-400: 250 230 159;
  --accent-500: 242 193 15;
  --accent-600: 194 154 12;
  --accent-700: 145 116 9;
  --accent-800: 97 77 6;
  --accent-900: 48 39 3;
  --accent-950: 24 19 2;
  /* fonts */
  --heading: "Playfair Display";
  --body: Roboto;
}