/* Self-hosted fonts (DSGVO: no Google Fonts URL fetch — the browser never
 * contacts fonts.googleapis.com / fonts.gstatic.com, so no user IP is sent to
 * Google). Byte-identical files to reefmate-landing, so app and landing read
 * as the same product; before this, the app declared no fonts at all and
 * rendered in the system stack while its own landing used Fraunces + Inter.
 *
 * WOFF2 only, no TTF fallback. Every browser in scope has supported WOFF2
 * since 2016 (Chrome 36, Firefox 39, Safari 10, Edge 14), and the Android
 * build is minSdk 24 = WebView Chrome 51+. A TTF fallback would have cost
 * ~1.5 MB to serve nobody.
 *
 * No JetBrains Mono here, unlike the landing: the only `font-mono` in this
 * app is a shadcn chart tooltip, and 111 KB for that is not a trade worth
 * making. It falls back to the system monospace stack.
 *
 * ── The two character faces ───────────────────────────────────────────────
 * PatrickHand and PermanentMarker are not decoration. Across the marketing
 * canon the grandmother speaks in PatrickHand and the punk in PermanentMarker
 * — 94 and 90 of the animation files set exactly that. This is the first time
 * an APP carries the convention; see lib/reefmate/typography.ts for the
 * mapping, and for what happens on ja, where both faces are Latin-only.
 */

@font-face {
  font-family: "Fraunces";
  src: url("/fonts/fraunces/Fraunces.woff2") format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fraunces";
  src: url("/fonts/fraunces/Fraunces-Italic.woff2") format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: "Inter";
  src: url("/fonts/inter/Inter-Italic.woff2") format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "PatrickHand";
  src: url("/fonts/PatrickHand-Regular.woff2") format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PermanentMarker";
  src: url("/fonts/PermanentMarker-Regular.woff2") format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}