/**
 * Typography — headings use the page-title tokens, body copy the content
 * tokens. The hero title (.h1-reciklart) overrides these with its own tokens
 * (see css/components/hero.css).
 */
h1, h2, h3, h4 {
  font-family: var(--page-title-font);
  font-weight: var(--page-title-weight);
  color: var(--page-title-color);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 1.1;
  margin: 0 0 0.5rem;
}

h5, h6 {
  text-transform: uppercase;
  letter-spacing: 0.25px;
}

p {
  font-size: var(--content-size);
  font-weight: var(--content-weight);
}

a { color: inherit; text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }