@font-face {
  font-family: "Special Gothic";
  src: url("../fonts/SpecialGothic-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Special Gothic";
  src: url("../fonts/SpecialGothic-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

body {
  font-family: var(--font-primary);
  font-size: var(--font-size-body);
  line-height: var(--line-height-default);
}

h1,
h2,
h3 {
  font-weight: 500;
}

.section-label {
  color: var(--color-accent);
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 1.25;
  text-transform: uppercase;
}

@media (min-width: 64rem) {
  .section-label {
    font-size: 0.75rem;
  }
}