/*
 * Plinthworks — local font faces.
 *
 * Loaded on both the front-end and in the block editor via enqueue.php.
 * To change the global body or heading font, update the CSS custom properties
 * at the bottom of this file and the font-family stacks in theme.json
 * (settings.typography.fontFamilies) to match.
 */

/* ==========================================================================
   Inter — body / UI
   ========================================================================== */

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

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

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

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

/* ==========================================================================
   Source Serif 4 — editorial / display serif
   ========================================================================== */

@font-face {
	font-family: 'Source Serif 4';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url('../fonts/source-serif-4/SourceSerif4-Regular.woff2') format('woff2');
}

@font-face {
	font-family: 'Source Serif 4';
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	src: url('../fonts/source-serif-4/SourceSerif4-SemiBold.woff2') format('woff2');
}

/* ==========================================================================
   IBM Plex Mono — code / monospace
   ========================================================================== */

@font-face {
	font-family: 'IBM Plex Mono';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url('../fonts/ibm-plex-mono/IBMPlexMono-Regular.woff2') format('woff2');
}

@font-face {
	font-family: 'IBM Plex Mono';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url('../fonts/ibm-plex-mono/IBMPlexMono-Medium.woff2') format('woff2');
}

/* ==========================================================================
   Font assignment lives in theme.json ONLY
   Body (styles.typography.fontFamily = Nunito Sans) and headings
   (styles.elements.heading = Lora) are set there so the block editor and the
   front end resolve to the same fonts. Do NOT re-assign body/h1–h6 fonts here:
   a second stylesheet loads in a different cascade order in the editor vs the
   front end, so any assignment here makes the two disagree. This file only
   loads the @font-face files above.
   Code stays monospace (theme.json leaves code fonts unset, so this is purely
   additive and never fights a theme.json rule).
   ========================================================================== */

code, pre, kbd, samp {
	font-family: var(--wp--preset--font-family--mono, 'IBM Plex Mono', 'SF Mono', Consolas, 'Liberation Mono', monospace);
}