/* De oorspronkelijke typografie van Avontuurlijk Gezond, lokaal meegeleverd. */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/lato-400.ttf') format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/lato-700.ttf') format('truetype');
}
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/lora-400.ttf') format('truetype');
}
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/lora-500.ttf') format('truetype');
}
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/lora-700.ttf') format('truetype');
}

:root {
  --font-body: 'Lato', Arial, sans-serif;
  --font-heading: 'Lora', Georgia, serif;
}

/* Eén rustigere schaal voor openbare hero-titels op desktop. */
@media (min-width: 1024px) {
  html body main :is(.hero, .ag-hero, .ag-build-hero, .darm-hero, .book-hero, .media-hero) h1 {
    font-size: clamp(3.8rem, 4.5vw, 4.5rem);
    line-height: 1.04;
  }
}