:root {
  /* text color */
  --text: ;
  /* primary */
  --primary-50: 242 242 242;
  --primary-100: 230 230 230;
  --primary-200: 204 204 204;
  --primary-300: 179 179 179;
  --primary-400: 153 153 153;
  --primary-500: 0 0 0;
  --primary-600: 0 0 0;
  --primary-700: 0 0 0;
  --primary-800: 0 0 0;
  --primary-900: 0 0 0;
  --primary-950: 0 0 0;
  /* accent */
  --accent-50: 254 252 243;
  --accent-100: 253 248 231;
  --accent-200: 251 241 206;
  --accent-300: 249 234 182;
  --accent-400: 247 227 157;
  --accent-500: 235 186 10;
  --accent-600: 188 149 8;
  --accent-700: 141 112 6;
  --accent-800: 94 74 4;
  --accent-900: 47 37 2;
  --accent-950: 24 19 1;
  /* fonts */
  --heading: "Playfair Display";
  --body: Roboto;
}