@font-face {
	font-family: "Cormorant Garamond";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/cormorant-garamond-400.ttf") format("truetype");
}

@font-face {
	font-family: "Jost";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/jost-400.ttf") format("truetype");
}

@font-face {
	font-family: "Noto Sans Symbols";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/noto-sans-symbols.woff2") format("woff2");
	unicode-range: U+2609, U+260C-260D, U+263D-2653, U+26B9;
}

:root {
	--variance-ink: #282828;
	--variance-muted: #686868;
	--variance-gold: #b9a16b;
	--variance-gold-deep: #806b3e;
	--variance-cream: #f5f5f3;
	--variance-paper: #ffffff;
	--variance-line: #dbdbdb;
	--variance-bar: #242522;
	--variance-white: #fff;
	--variance-serif: "Cormorant Garamond", Georgia, serif;
	--variance-sans: "Jost", "Segoe UI", sans-serif;
	--variance-wrap: 1280px;
	--variance-gutter: 80px;
	--variance-radius: 2px;
	--variance-header: 122px;
}

@media (max-width: 834px) {
	:root {
		--variance-gutter: 40px;
		--variance-header: 92px;
	}
}

@media (max-width: 700px) {
	:root {
		--variance-gutter: 20px;
		--variance-header: 74px;
	}
}