/*
Design tokens ported from the Claude Design export (project/*.dc.html inline <style>
blocks). The source had no CSS custom properties — every value was a repeated
literal. This file is the single source of truth going forward; if the source
files and this file ever disagree, this file wins.
*/
:root {
	/* Colors */
	--color-cream: #F7F4EF; /* primary background / light text-on-dark */
	--color-cream-2: #F2EDE2; /* secondary cream, footer/menu panels */
	--color-text: #372D1D; /* body text on light backgrounds */
	--color-brand-green: #0A491F; /* brand accent, links, selection */
	--color-brand-green-hover: #0c5a26;
	--color-near-black-1: #241B10; /* loader / hero backgrounds */
	--color-near-black-2: #0B0905; /* deepest background (mega-menu, footer) */
	--color-sage: #C7DBCC; /* pale accent, loader ring highlight */
	--color-scrollbar-track: #ECE6D9;

	/* Typography */
	--font-display: 'Cormorant SC', Georgia, serif;
	--font-ui: 'Syne', -apple-system, sans-serif;

	/* Layout */
	--container-max: 1400px;
	--header-height: 96px;
}