/* Self-hosted variable fonts, replacing next/font/google.
   Inter carries body copy; Space Grotesk is the geometric display face. Both
   are exposed as the CSS variables globals.css already consumes, so no rule in
   globals.css needed changing. `swap` matches next/font's display setting. */

@font-face {
  font-family: 'Inter';
  src: url('/assets/fonts/inter-variable.woff2') format('woff2-variations'),
       url('/assets/fonts/inter-variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Space Grotesk';
  src: url('/assets/fonts/space-grotesk-variable.woff2') format('woff2-variations'),
       url('/assets/fonts/space-grotesk-variable.woff2') format('woff2');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-sans: 'Inter';
  --font-display: 'Space Grotesk';
}