.text-center {
  text-align: center;
}

.text-start {
  text-align: start;
}

.text-end {
  text-align: end;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-justify {
  text-align: justify;
}

.font-weight-bold {
  font-weight: bold;
}

.font-weight-light {
  font-weight: lighter;
}

.font-weight-medium {
  font-weight: normal;
}

$sizes: (1, 2, 3, 4, 5, 6);
@each $size in $sizes {
  h#{7 - $size} {
    color: var(--heading-color);
    font-size: #{0.4 * $size}em;
  }
}

.caption {
  font-size: 14px;
}