/* Design tokens — shared by every scope. Source: design/mockup/Main.dc.html */
:root {
	--hv-bg: #0A0A0A;
	--hv-surface: #121212;
	--hv-surface-2: #1C1C1F;
	--hv-line: rgba(255, 255, 255, 0.08);
	--hv-line-strong: rgba(255, 255, 255, 0.14);
	--hv-brown: #59492B;
	--hv-gold: #BF9C5C;
	--hv-gold-light: #D9BC85;
	--hv-gold-gradient: linear-gradient(162deg, #C29F5F 0%, #70521B 100%);
	--hv-white: #FFFFFF;
	--hv-text: #D4D4D4;
	--hv-text-muted: #A3A3A3;
	--hv-text-dim: #8A8A8A;

	--hv-font-display: "Unbounded", system-ui, sans-serif;
	--hv-font-body: "Geist", system-ui, sans-serif;
	--hv-font-mono: "Geist Mono", ui-monospace, monospace;
	--hv-font-hero: "Inter", system-ui, sans-serif;

	--hv-radius-sm: 8px;
	--hv-radius-md: 12px;
	--hv-radius-lg: 16px;
	--hv-container: 1200px;
	--hv-gutter: 24px;
	--hv-section: 96px;
	--hv-header-h: 76px;
	--hv-topbar-h: 36px;
	--hv-tap: 44px;
}

@media (max-width: 640px) {
	:root {
		--hv-gutter: 16px;
		--hv-section: 64px;
	}
}