@font-face {
  font-family: 'Fredoka';
  src:
    url('Fredoka.ttf') format('truetype-variations'),
    url('Fredoka.ttf') format('truetype');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-heading-family: 'Fredoka', var(--font-body-family);
  --font-heading-style: normal;
  --font-heading-weight: 600;
}