:root,
.wg-site {
	--wg-page: #f7e8d7;
	--wg-surface: #faf1e7;
	--wg-cream: #fefae0;
	--wg-peach: #ebc79e;
	--wg-orange: #bc6c25;
	--wg-orange-soft: #dda15e;
	--wg-tan: #d7a77c;
	--wg-olive: #606c38;
	--wg-sage: #a0a788;
	--wg-forest: #283618;
	--wg-forest-deep: #1c2611;
	--wg-ink: #1a1814;
	--wg-muted: #5c5850;
	--wg-offwhite: #f5f2ec;
	--wg-line: #d1d0ce;

	--wg-radius: 24px;
	--wg-radius-sm: 16px;
	--wg-radius-xs: 12px;
	--wg-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--wg-pad-x: 52px;
	--wg-pad-y: 96px;
	--wg-gap: 16px;
	--wg-header-h: 72px;

	--wg-font-display: "Tanker", "Arial Narrow", Impact, sans-serif;
	--wg-font-body: "Switzer", "Segoe UI", Roboto, sans-serif;

	--e-global-color-primary: var(--wg-orange);
	--e-global-color-secondary: var(--wg-olive);
	--e-global-color-text: var(--wg-ink);
	--e-global-color-accent: var(--wg-orange-soft);
}

@media (max-width: 1199.98px) {
	:root,
	.wg-site {
		--wg-pad-x: 32px;
		--wg-pad-y: 72px;
	}
}

@media (max-width: 809.98px) {
	:root,
	.wg-site {
		--wg-pad-x: 20px;
		--wg-pad-y: 56px;
	}
}