h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  margin-bottom: var(--size-4);
  font-weight: var(--weight-light);
}
h5,
.h5,
h6,
.h6 {
  margin-bottom: var(--size-2);
}
h1,
.h1 {
  color: var(--color-primary);
  font-size: var(--scale-6);
}
h2,
.h2 {
  font-size: var(--scale-5);
}
h3,
.h3 {
  font-size: var(--scale-4);
}
h4,
.h4 {
  font-size: var(--scale-3);
}
h5,
.h5 {
  font-size: var(--scale-1);
}
h6,
.h6 {
  font-size: var(--scale-0);
}

p {
  font-size: var(--scale-0);
}

a {
  color: var(--color-text);
}
a:visited {
  color: var(--color-text);
  opacity: 0.85;
}
a.is-stretched {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}