/* Bundled OFL fonts keep the family journal's typography available locally. */
@font-face {
  font-family: 'Baloo 2';
  src: url('../fonts/Baloo2-Variable.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}

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

@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-Italic-Variable.woff2') format('woff2');
  font-style: italic;
  font-weight: 200 1000;
  font-display: swap;
}

:root {
  --font-story: 'Baloo 2', ui-rounded, system-ui, sans-serif;
  --font-body: 'Nunito', ui-rounded, system-ui, sans-serif;
}

body, button, input, select, textarea {
  font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-story);
}