/* 2GSD Storefront — design tokens */
:root {
	--gsd-bg: #f7f7f5;
	--gsd-surface: #ffffff;
	--gsd-surface-alt: #f1f1ed;

	--gsd-text: #171717;
	--gsd-text-secondary: #62625e;
	--gsd-text-light: #85857f;

	--gsd-border: #e4e4df;
	--gsd-border-strong: #cdcdc7;

	--gsd-brand: #20231d;
	--gsd-brand-hover: #11130f;
	--gsd-accent: #8a6d3b;

	--gsd-success: #237a3b;
	--gsd-warning: #a66100;
	--gsd-error: #b42318;

	--gsd-radius-sm: 8px;
	--gsd-radius-md: 12px;
	--gsd-radius-lg: 18px;
	--gsd-radius-xl: 24px;

	--gsd-shadow-sm:
		0 1px 2px rgba(0, 0, 0, .04),
		0 3px 12px rgba(0, 0, 0, .04);

	--gsd-shadow-md:
		0 10px 35px rgba(0, 0, 0, .08);

	--gsd-container: 1280px;

	--gsd-transition: 180ms ease;
}