/*
 * Site fonts, self-hosted (SIL Open Font License — see assets/fonts/OFL.txt).
 * Plus Jakarta Sans for headings and buttons, Inter for everything else.
 * Latin subset, variable weight: 27 KB + 48 KB, cached after the first page.
 * Turn off with: add_filter( 'wpme_site_fonts', '__return_false' );
 */

@font-face {
	font-family: "Plus Jakarta Sans";
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url("../fonts/plus-jakarta-sans.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/inter.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Kadence reads these variables; setting them keeps header, footer and
   content in the same fonts. */
html:root {
	--global-body-font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--global-heading-font-family: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	--wpme-font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--wpme-font-heading: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}

html body,
html .editor-styles-wrapper {
	font-family: var(--wpme-font-body);
	font-feature-settings: "cv11", "ss01";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

html body :is(h1, h2, h3, h4, h5, h6, .wp-block-button__link, .site-title, .entry-title, summary),
html .editor-styles-wrapper :is(h1, h2, h3, h4, h5, h6, .wp-block-button__link, summary) {
	font-family: var(--wpme-font-heading);
}

html body :is(code, kbd, pre, samp),
html .editor-styles-wrapper :is(code, kbd, pre, samp) {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
	font-feature-settings: normal;
}
