/* Outloop self-hosted variable fonts — framework-agnostic.
   Copy this file + the three .woff2 binaries into outloop-cloud/public/fonts/
   verbatim, then `@import "/fonts/fonts.css";` (or <link rel="stylesheet" href="/fonts/fonts.css">).
   No Google Fonts CDN. font-display: swap ships by default.

   Family names match the website (and tailwind.config.mjs):
     sans    -> 'Inter Variable'
     display -> 'Space Grotesk Variable'
     mono    -> 'JetBrains Mono Variable'

   These are the Latin (U+0000–024F + punctuation) variable subsets — the only
   range the English site renders. Need Cyrillic/Greek/Vietnamese? Use the npm
   package method instead (see docs/BRAND-ASSETS.md). */

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

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

@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url('/fonts/jetbrains-mono-variable-latin.woff2') format('woff2-variations');
}