/* Self-hosted Fraunces + Inter + JetBrains Mono (DSGVO: no Google Fonts URL
 * fetch — the browser never contacts fonts.googleapis.com / fonts.gstatic.com,
 * so no user IP is sent to Google). Variable fonts cover all weights 100–900.
 * Fraunces + Inter files are identical to the Florentacia landing; JetBrains
 * Mono is the app's monospace face (feed timers, hydration %, invite codes). */

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

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

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

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

@font-face {
  font-family: "JetBrains Mono";
  src: url("/fonts/jetbrains-mono/JetBrainsMono.ttf") format("truetype-variations");
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

/* Bubble faces used INSIDE the teach-loop HTML (public/teach/<locale>/*.html),
 * which pull this file in via @import url('/fonts/fonts.css'). The Oma voice
 * renders in PatrickHand, the Punk (Sid) voice in PermanentMarker. Without
 * these two the speech bubbles degrade silently to a generic cursive/system
 * font and the scene reads wrong. Self-hosted (no Google fetch); same TTFs as
 * the Florentacia landing. */
@font-face {
  font-family: "PatrickHand";
  src: url("/fonts/PatrickHand-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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