/* Design tokens — brief §3. No new colors, fonts, or styles beyond these. */
:root {
	/* Colors */
	--ogsp-amber: #c07a2a;
	--ogsp-amber-hover: #a86920;
	--ogsp-cream: #f7f3ed;
	--ogsp-white: #ffffff;
	--ogsp-charcoal: #2c2c2c;
	--ogsp-muted: #7a7a6e;
	--ogsp-body-secondary: #4a4a4a;
	--ogsp-footer-dark: #1e1a14;

	/* Type */
	--ogsp-font-headline: 'Playfair Display', Georgia, serif;
	--ogsp-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

	/* Shape */
	--ogsp-radius: 0.625rem;
	--ogsp-radius-pill: 999px;

	/* Layout */
	--ogsp-max-width: 80rem; /* 1280px — header/footer/CTA bar (brief §3 header spec) */
	--ogsp-content-max-width: 64rem; /* 1024px — matches the Figma export's max-w-5xl content sections */
	--ogsp-header-height: 9.375rem; /* 150px desktop — owner design decision 2026-07-11 (Homepage Spec: logo ~15–20% larger than the 128px prototype; 150px = +17%). Supersedes the 128px prototype reference. */
	--ogsp-header-height-mobile: 5.25rem; /* 84px — 72px scaled by the same ratio (84.375px rounded to a clean value) */
}