/*
 * Fonts and design tokens. Loaded on the front end and inside the block
 * editor iframe, so everything here must be safe in both places.
 */

@font-face {
	font-family: 'BonVivantSerif';
	src: url('../fonts/BonVivantSerif.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BonVivantSerif-Bold';
	src: url('../fonts/BonVivantSerif-Bold.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

:root {
	--color-blue: #00788e;
	--color-green: #3F693C;
	--color-gray: #565652;
	--color-tan: #baa88d;
	--color-blue-light: #b3d8de;
	--color-gray-light: #d2ced0;
	--color-cream: #fcfaed;
	--color-white: #ffffff;
	--color-dark: #0f4756;
	--color-gray-cta: #ececec;
	--color-gray-lighter: #858585;

	/* Added with the 2026 section redesign. */
	--color-ink: #141827;
	--color-off-white: #fafafb;
	--color-gray-nav: #5d5d5d;

	--font-display: 'BonVivantSerif', serif;
	--font-ui: 'Montserrat', sans-serif;
	--font-body: 'Google Sans Flex', 'Montserrat', sans-serif;
}