:root {
  /* text color */
  --text: #3b3b3bff;
  /* primary */
  --primary-50: 245 245 245;
  --primary-100: 235 235 235;
  --primary-200: 214 214 214;
  --primary-300: 194 194 194;
  --primary-400: 173 173 173;
  --primary-500: 51 51 51;
  --primary-600: 41 41 41;
  --primary-700: 31 31 31;
  --primary-800: 20 20 20;
  --primary-900: 10 10 10;
  --primary-950: 5 5 5;
  /* accent */
  --accent-50: 251 249 246;
  --accent-100: 247 243 236;
  --accent-200: 239 231 218;
  --accent-300: 231 219 199;
  --accent-400: 223 207 181;
  --accent-500: 174 134 69;
  --accent-600: 139 107 55;
  --accent-700: 104 80 41;
  --accent-800: 70 54 28;
  --accent-900: 35 27 14;
  --accent-950: 17 13 7;
  /* fonts */
  --heading: Roboto;
  --body: "Noto Serif";
}