:root {
	/* Merk- en interfacekleuren */
	--wg-color-primary: #0f8063;
	--wg-color-primary-hover: #0b654f;
	--wg-color-primary-soft: #edf7f3;
	--wg-color-text: #10261f;
	--wg-color-heading: #0d3026;
	--wg-color-text-muted: #5f7069;
	--wg-color-text-subtle: #74837d;
	--wg-color-background: #ffffff;
	--wg-color-surface: #f5f8f6;
	--wg-color-surface-strong: #eef5f1;
	--wg-color-border: #dce7e2;
	--wg-color-border-strong: #c7d9d0;
	--wg-color-success: #2f855a;
	--wg-color-warning: #b7791f;
	--wg-color-danger: #c53030;

	/* Typografie */
	--wg-font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--wg-font-size-sm: 0.875rem;
	--wg-font-size-base: 1rem;
	--wg-font-size-lg: 1.125rem;
	--wg-font-size-eyebrow: 13px;
	--wg-font-size-hero: clamp(34px, 5vw, 54px);
	--wg-font-size-section: clamp(27px, 3vw, 36px);
	--wg-font-size-card-title: 21px;
	--wg-font-size-intro: clamp(17px, 1.6vw, 19px);
	--wg-line-height-body: 1.7;
	--wg-line-height-heading: 1.12;

	/* Afstanden */
	--wg-space-1: 4px;
	--wg-space-2: 8px;
	--wg-space-3: 12px;
	--wg-space-4: 16px;
	--wg-space-5: 24px;
	--wg-space-6: 32px;
	--wg-space-7: 48px;
	--wg-space-8: 64px;
	--wg-space-9: 96px;

	/* Eén schaalbaar paginaraster */
	--wg-container-width: 1180px;
	--wg-content-width: 780px;
	--wg-page-gutter: 20px;
	--wg-page-gutter-mobile: 16px;
	--wg-page-hero-top: 24px;
	--wg-page-hero-bottom: 50px;
	--wg-overview-hero-min-height: 390px;
	--wg-hero-title-gap: 18px;
	--wg-hero-intro-gap: 18px;
	--wg-page-breadcrumb-gap: 28px;
	--wg-page-breadcrumb-gap-mobile: 22px;
	--wg-page-hero-top-mobile: 16px;
	--wg-section-space: clamp(58px, 7vw, 88px);

	/* Vormgeving */
	--wg-radius-sm: 6px;
	--wg-radius-md: 10px;
	--wg-radius-lg: 16px;
	--wg-shadow-card: 0 12px 34px rgba(13, 48, 38, 0.055);
	--wg-shadow-card-hover: 0 18px 44px rgba(13, 48, 38, 0.09);
	--wg-transition: 180ms ease;
}