/**
 * Self-hosted font declarations.
 *
 * Poppins (headings) + Inter (body) are bundled as real .woff2 files under
 * this folder — no Google Fonts request, no external DNS lookup, no
 * render-blocking third-party origin. Both are licensed under the SIL Open
 * Font License 1.1 (see OFL-POPPINS.txt / OFL-INTER.txt in this folder),
 * which permits bundling and redistribution inside a commercial theme.
 *
 * Only the 4 weights actually used by the theme (400/500/600/700) are
 * included, latin subset only, to keep the payload small — measured at
 * ~136KB total across both families.
 */

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

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

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

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

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('inter/inter-400.woff2') format('woff2'), local('Inter');
}

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

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

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('inter/inter-700.woff2') format('woff2'), local('Inter Bold');
}

/* --- Optional Customizer-selectable alternates ---------------------------
   "Playfair Display" and "Merriweather" remain available as Customizer
   options (Appearance → Customize → Typography) for sites that want a more
   editorial/classic look, but are NOT bundled as binaries by default to
   keep the base package lean. If selected, they fall back to the visitor's
   local system copy if installed, else to the heading/body stacks below.
   To self-host them too: run
   `npm install @fontsource/playfair-display @fontsource/merriweather`
   and copy their latin-400/700-normal.woff2 files into sibling folders
   here, following the exact @font-face pattern above. */
@font-face {
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: local('Playfair Display'), local('PlayfairDisplay-Regular');
}

@font-face {
	font-family: 'Merriweather';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: local('Merriweather'), local('Merriweather-Regular');
}

:root {
	/* Curated fallback stacks so text never renders in a jarring default
	   serif if a selected webfont isn't installed/loaded yet. */
	--ig-font-heading-stack: "Poppins", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
	--ig-font-body-stack: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
}
