:root {
	--vareno-bg: #080807;
	--vareno-bg-elevated: #111110;
	--vareno-ink: #fffbf2;
	--vareno-ink-muted: #bdbab3;
	--vareno-ink-faint: rgba(189, 186, 179, 0.65);
	--vareno-accent: #d4b483;
	--vareno-rec: #e24d4d;

	--font-serif: "Instrument Serif", Georgia, serif;
	--font-sans: "Geist", system-ui, sans-serif;
	--font-mono: "Fragment Mono", "Geist Mono", ui-monospace, monospace;

	--container-max: 1320px;
	--container-pad: clamp(1.25rem, 4vw, 3rem);
	--section-gap: clamp(4rem, 10vw, 8rem);

	--display-xl: clamp(3.5rem, 9vw, 8.25rem);
	--display-lg: clamp(2.5rem, 5vw, 4.5rem);
	--display-md: clamp(2rem, 4vw, 3rem);
	--lead-size: clamp(1rem, 1.6vw, 1.25rem);
	--hud-size: 0.5625rem;

	--ease-out: cubic-bezier(0.22, 1, 0.36, 1);
	--header-height: 4.5rem;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--section-gap: 4rem;
	}
}