:root {
  /* text color */
  --text: #3b3b3bff;
  /* primary */
  --primary-50: 248 244 244;
  --primary-100: 242 234 232;
  --primary-200: 229 212 210;
  --primary-300: 216 191 187;
  --primary-400: 203 169 165;
  --primary-500: 124 41 29;
  --primary-600: 99 33 23;
  --primary-700: 74 25 17;
  --primary-800: 50 16 12;
  --primary-900: 25 8 6;
  --primary-950: 12 4 3;
  /* accent */
  --accent-50: 245 245 245;
  --accent-100: 235 235 235;
  --accent-200: 214 214 214;
  --accent-300: 194 194 194;
  --accent-400: 173 173 173;
  --accent-500: 51 51 51;
  --accent-600: 41 41 41;
  --accent-700: 31 31 31;
  --accent-800: 20 20 20;
  --accent-900: 10 10 10;
  --accent-950: 5 5 5;
  /* fonts */
  --heading: "Lexend Deca";
  --body: Lato;
}