/* Self-hosted Fraunces + Inter (DSGVO: no Google Fonts URL fetch). */
/* Variable fonts cover all weights 100–900 in upright + italic. */

@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;
}

/* Handwriting + marker faces used INSIDE the teach loops (public/teach/*.html),
 * which pull this file in with `@import url('/fonts/fonts.css')`. They are not
 * used by the page chrome itself — without them the loops' speech bubbles fall
 * back to generic `cursive` and the scene reads wrong. Self-hosted (DSGVO), no
 * Google Fonts fetch; same files as plant-pal/public/fonts. */
@font-face {
  font-family: 'PatrickHand';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/PatrickHand-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'PermanentMarker';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/PermanentMarker-Regular.ttf') format('truetype');
}