/* Self-hosted, Latin-subset variable fonts (replaces the Google Fonts CDN link).
   Both files are genuine variable fonts with their weight axis intact, so a
   single file per family covers every weight the site uses via interpolation.
   The `font-weight` RANGE is what makes that work — a single value here would
   pin the font to one weight. Family names are assigned here; the files'
   internal names are irrelevant when loaded via url(). */
@layer base {
  @font-face {
    font-family: 'Fredoka';
    src: url('/assets/fonts/fredoka-latin.woff2') format('woff2');
    font-weight: 300 700; /* wght axis range */
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/inter-latin.woff2') format('woff2');
    font-weight: 100 900; /* wght axis range; opsz tracks size automatically */
    font-style: normal;
    font-display: swap;
  }
}