/* Above-the-fold: hero + nav font stacks (prevents FOUT layout jump before webfonts load) */
/* Design tokens: also load css/wdhc-tokens.css before this on full pages. */

body {
  font-family: var(--wdhc-font-body, 'Source Sans 3', 'Segoe UI', system-ui, -apple-system, sans-serif);
  background: var(--wdhc-bg, #050505);
  color: var(--wdhc-text, #f2f2f2);
}

h1,
.hero-title,
.page-header h1,
.ch-hero h1,
.wdhc-page-hero h1,
.marquee-track > span,
nav .nav-center a,
.nav-cta,
.mobile-submit-bar-label {
  font-family: 'Oswald', 'Arial Narrow', Arial, sans-serif;
}

.status-pill,
.subtitle {
  font-family: 'Roboto Mono', ui-monospace, 'Cascadia Mono', monospace;
}

h1 {
  font-size: 7rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 0.95;
  letter-spacing: 3px;
}

@media (max-width: 900px) {
  h1 {
    font-size: clamp(2.4rem, 12vw, 4.2rem);
    letter-spacing: 2px;
  }
}