/* ── 360 Flatmates Font Definitions ──
   Self-hosted Google Fonts (replaces next/font/google).
   Uses font-display: swap to match the previous next/font behavior.
   Google Fonts serves variable TTF; we reference as truetype for
   broad browser compatibility.
*/

/* ── Fraunces (variable) — Display / Headlines ── */
@font-face {
  font-family: "Fraunces";
  src: url("/fonts/Fraunces-Variable.ttf") format("truetype-variations");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

/* ── Inter (variable) — Body / UI ── */
@font-face {
  font-family: "Inter";
  src: url("/fonts/Inter-Variable.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* ── JetBrains Mono (variable) — Mono / Eyebrow ── */
@font-face {
  font-family: "JetBrains Mono";
  src: url("/fonts/JetBrainsMono-Variable.ttf") format("truetype-variations");
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

/* ── Instrument Serif (italic) — Italic Serif ── */
@font-face {
  font-family: "Instrument Serif";
  src: url("/fonts/InstrumentSerif-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}