body > header,
body > footer,
body > main > section.site-nav,
body > main > section.flash {
  img.site-nav-icon, svg.site-nav-icon {
    height: var(--nav-font-size);
    width: var(--nav-font-size);
  }
  font-family: var(--nav-font);
  h1, h2, h3, h4, h5, h6 {
    font-family: var(--nav-headings-font);
    font-size: var(--nav-headings-font-size);
  }
}
body > main > section.page-content {
  font-family: var(--page-font);
  h1, h2, h3, h4, h5, h6 { font-family: var(--page-headings-font); font-size: var(--page-headings-font-size); }
  h6 {}
  h5 {}
  h4 { font-size: calc(var(--page-headings-font-size) + calc(var(--page-headings-font-size-scale) * 1)); }
  h3 { font-size: calc(var(--page-headings-font-size) + calc(var(--page-headings-font-size-scale) * 2)); }
  h2 { font-size: calc(var(--page-headings-font-size) + calc(var(--page-headings-font-size-scale) * 3)); }
  h1 { font-size: calc(var(--page-headings-font-size) + calc(var(--page-headings-font-size-scale) * 4)); }
  h1, h2, h3, h4 {
    font-weight: bold;
    letter-spacing: var(--page-headings-font-letter-spacing);
  }
  .description p {
    max-width: var(--description-paragraph-max-width);
  }
  .description p + p {
    text-indent: var(--paragraph-indent);
  }
  textarea {
    min-width: 100%;
    max-width: 100%;
  }
  img {
    &.thumbnail {
      object-fit: cover;
      max-height: var(--image-thumbnail-size);
      max-width: var(--image-thumbnail-size);
    }
    &.with-border {
      border: var(--border-width) solid hsl(var(--color-border));
    }
    &.with-box-shadow {
      box-shadow:
        var(--border-width)
        var(--border-width)
        var(--border-width)
        var(--shadow-color);
    }
  }
}