:root {
  --font-normal: 16px;
  --font-small: 13px;
  --font-smaller: 11px;
  --font-smallest: 10px;

  --h1: 2.488rem;
  --h2: 1.602rem;
  --h3: 1.424rem;
  --h4: 1.266rem;
  --h5: 1.125rem;
  --h6: 1rem;

  --h1-weight: 700;
  --h2-weight: 600;
  --h3-weight: 600;
  --h4-weight: 600;
  --h5-weight: 700;
  --h6-weight: 500;

  --h1-color: hsl(169, 61%, 53%);
  --h2-color: hsl(201, 92%, 57%);
  --h3-color: hsl(24, 83%, 54%);
  --h4-color: hsl(123, 36%, 43%);
  --h5-color: hsl(350, 65%, 47%);
  --h6-color: hsl(329, 65%, 67%);
}
