/* =============================================================================
   TinySpacer — assets/css/fonts.css
   -----------------------------------------------------------------------------
   Self-hosted web fonts. global.css references "Poppins" (headings) and "Inter"
   (body) but never loaded them, so browsers silently fell back to system fonts.
   Self-hosting (vs. Google Fonts) means no third-party request, better privacy,
   and faster, more predictable Core Web Vitals.

   font-display: swap — text paints immediately in the fallback, then swaps to
   the web font when ready (no invisible-text flash / FOIT).

   Drop the matching .woff2 files into assets/fonts/ (see assets/fonts/README.txt
   for the exact filenames). Until they exist, the system-font fallback stack in
   global.css renders and nothing breaks. functions.php also preloads
   inter-400.woff2 and poppins-700.woff2 when present.
   ========================================================================== */

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

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

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

/* ---- Poppins (headings) ------------------------------------------------- */
@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/poppins-600.woff2") format("woff2");
}

@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/poppins-700.woff2") format("woff2");
}
