/**
 * Self-hosted webfonts. Loaded on the front end AND in the block editor
 * (via add_editor_style) so type matches everywhere. No external requests.
 *
 * Poppins  — body + headings (weights 300/400/500/600).
 * Mistgak  — brand script face, for script labels only. Wired to italics:
 *            anything the editor italic button marks up (<em>/<i>) renders
 *            in Mistgak, upright, instead of a slanted Poppins.
 */

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

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

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

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

/* Brand script face (single upright weight). */
@font-face {
	font-family: "Mistgak Signature";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/MistgakSignature.ttf") format("truetype");
}

/* -------------------------------------------------------------
   Italic → Mistgak. The editor's italic button wraps text in
   <em> (or <i>); render those in the script face, upright, so
   "italic" becomes the brand script label rather than slanted
   Poppins. font-style:normal avoids a faux-oblique on top of a
   face that has no true italic. Loaded in the editor too, so it
   previews live while typing. Applies to inline emphasis only —
   whole headings/blocks set to Poppins are untouched.
   ------------------------------------------------------------- */
em,
i,
cite {
	font-family: "Mistgak Signature", var(--wp--preset--font-family--poppins, "Poppins", system-ui, sans-serif);
	font-style: normal;
	font-weight: 400;
	font-size: max(30px, 1em); /* the script face is never smaller than 30px (phones shrink the heading sizes) */
}