/*
 * Avenir Light — licensed font, NOT included in this theme.
 *
 * Hello Elementor / this child theme cannot ship Avenir — it's a paid,
 * licensed typeface (Linotype/Monotype). Get the web font files from the
 * client or your foundry account and drop them into this same folder
 * (assets/fonts/) using the filenames below, or edit the src paths here
 * to match whatever filenames you were actually given.
 *
 * Until the real files are in place, every element using --citrine-font-text
 * below will fall back to the nearest system font (Avenir Next / Century
 * Gothic / sans-serif) so the site still looks reasonable in the meantime.
 */

@font-face {
	font-family: 'Avenir Light';
	src: url('../fonts/Avenir-Light.woff2') format('woff2'),
	     url('../fonts/Avenir-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Avenir Light';
	src: url('../fonts/Avenir-Book.woff2') format('woff2'),
	     url('../fonts/Avenir-Book.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/*
 * Brand font stacks + brand colors as CSS variables, for use in
 * assets/css/custom.css or any template file — Elementor widgets get
 * their fonts/colors from the Global Kit (functions.php pushes the
 * same values there), this is only for hand-written CSS/markup.
 */
:root {
	--citrine-font-heading: 'Playfair Display', Georgia, serif;
	--citrine-font-text: 'Avenir Light', 'Avenir Next', 'Century Gothic', sans-serif;

	--citrine-navy: #070747;
	--citrine-turquoise: #00C2CB;
	--citrine-gold: #CF9C01;
	--citrine-black: #000000;
	--citrine-white: #FFFFFF;
	--citrine-offwhite: #FAF8F2;
	--citrine-offwhite-2: #FFFCF8;
	--citrine-taupe: #A09E89;
	--citrine-dark-taupe: #747366;
	--citrine-dark-teal: #004144;
	--citrine-blush: #EBD1BF;
	--citrine-light-grey: #EEEEEE;
}