@font-face { font-family: Manrope; src: url('../fonts/manrope-latin.woff2') format('woff2'); font-style: normal; font-weight: 400 700; font-display: swap; }
@font-face { font-family: Newsreader; src: url('../fonts/newsreader-latin.woff2') format('woff2'); font-style: normal; font-weight: 400 500; font-display: swap; }
:root {
	--vq-charcoal: #1B1D1B;
	--vq-warm-white: #F5F1E8;
	--vq-canvas: #FCFAF6;
	--vq-paper: #ffffff;
	--vq-line: #e7dfd2;
	--vq-muted: #625b51;
	--vq-champagne: #b89b6a;
	--vq-focus: #70572f;
	--vq-content: 1440px;
	--vq-radius: 16px;
	--vq-space: clamp(24px, 4vw, 64px);
	--vq-font-sans: Manrope, ui-sans-serif, system-ui, sans-serif;
	--vq-font-display: Newsreader, Georgia, serif;
}