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

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

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

:root {
	--vc-font-sans: 'Euclid Circular B', system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;

	/* Re-point the Ollie theme.json font-family presets at Euclid so headings
	   and any block referencing these tokens inherit the brand typeface. */
	--wp--preset--font-family--primary: var(--vc-font-sans);
	--wp--preset--font-family--expanded: var(--vc-font-sans);
	--wp--preset--font-family--condensed: var(--vc-font-sans);
	--wp--preset--font-family--narrow: var(--vc-font-sans);
}

html,
body,
button,
input,
select,
textarea {
	font-family: var(--vc-font-sans);
}