/**
 * Groomzo v2 — merk-tokens (Atelier). Eén bron van waarheid voor de hele
 * site; de PDP-plugin heeft voorlopig eigen --gz-* waarden (harmoniseren
 * zodra die pagina meegaat in de rollout).
 */
:root {
	/* Kleur */
	--gz-paper: #F4F1E9;
	--gz-paper-deep: #EAE5D7;
	--gz-soft: #F7F4EA;
	--gz-card: #FCFAF5;
	--gz-ink: #17211B;
	--gz-pine: #22392C;
	--gz-pine-deep: #1A2D22;
	--gz-moss: #47705A;
	--gz-moss-soft: #E4EBE2;
	--gz-amber: #C08A34;
	--gz-body: #4A5049;
	--gz-muted: #7C8177;
	--gz-line: #DCD6C4;
	--gz-line-soft: #EAE4D3;
	--gz-line-hover: #C6BEA8;
	--gz-line-dark: #33493C;
	--gz-ivory: #EFEBDD;
	--gz-muted-dark: #A8B5A6;

	/* Typografie — * Fallback = Arial met webfont-metrieken (fonts.css):
	   vangt de font-swap op zodat tekst niet herspringt. */
	--gz-disp: "Fraunces", "Fraunces Fallback", Georgia, serif;
	--gz-sans: "Instrument Sans", "Instrument Sans Fallback", system-ui, sans-serif;

	/* Vorm */
	--gz-r-lg: 22px;
	--gz-r-md: 14px;
	--gz-r-sm: 9px;
	--gz-shadow: 0 1px 2px rgba(23, 33, 27, .05), 0 18px 44px rgba(23, 33, 27, .09);

	/* Raster (site-header content-box = 1280px; PDP aligneert hierop) */
	--gz-grid: 1280px;
	--gz-gutter: 28px;
}