/* ThemeBeats self-hosted display fonts (wordmark only).
   All three are SIL Open Font License 1.1 — see LICENSES.txt. Nothing here is loaded by the
   results/body UI; body text stays on the system sans-serif stack. */

@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/fraunces-600.woff2") format("woff2");
}

@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/fraunces-700.woff2") format("woff2");
}

@font-face {
  font-family: "DM Serif Display";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/dm-serif-display.woff2") format("woff2");
}

@font-face {
  font-family: "DM Serif Display";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/dm-serif-display-italic.woff2") format("woff2");
}

@font-face {
  font-family: "Alegreya Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/alegreya-sans-500.woff2") format("woff2");
}

@font-face {
  font-family: "Alegreya Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/alegreya-sans-700.woff2") format("woff2");
}

/* Rounded wordmark faces. Both are variable fonts, so one file covers the weight range. */
@font-face {
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("/fonts/quicksand.woff2") format("woff2");
}

@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("/fonts/nunito.woff2") format("woff2");
}

/* Wordmark treatments. The markup is always Theme<span class="wordmark__beats">Beats</span>, so a
   single class on the wrapper changes the whole site. */
.wordmark {
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  color: var(--brand-forest, #13302b);
}

.wordmark__beats {
  display: inline-block;
  transform-origin: left bottom;
}

/* A — clean rounded lettering, both words upright. */
.wordmark--rounded {
  font-family: "Quicksand", "Avenir Next", system-ui, sans-serif;
  font-weight: 600;
  letter-spacing: -0.005em;
}

/* B — upright "Theme" with a gently slanted "Beats". */
.wordmark--slant {
  font-family: "Quicksand", "Avenir Next", system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: -0.005em;
}

.wordmark--slant .wordmark__beats {
  transform: skewX(-8deg);
}

/* C — same idea, slightly more distinctive letter shapes (Nunito's rounded terminals). */
.wordmark--distinct {
  font-family: "Nunito", "Avenir Next", system-ui, sans-serif;
  font-weight: 800;
  letter-spacing: -0.01em;
}

.wordmark--distinct .wordmark__beats {
  transform: skewX(-9deg);
  letter-spacing: 0;
}