:root {
	/* Merk- en interfacekleuren */
	--wg-color-primary: #3568df;
	--wg-color-primary-hover: #2754c2;
	--wg-color-primary-soft: #eef4ff;
	--wg-color-text: #172033;
	--wg-color-heading: #172033;
	--wg-color-text-muted: #647084;
	--wg-color-text-subtle: #7a8598;
	--wg-color-background: #ffffff;
	--wg-color-surface: #f7f9fc;
	--wg-color-surface-strong: #f3f7fb;
	--wg-color-border: #e2e7ef;
	--wg-color-border-strong: #cbd7e4;
	--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(23, 32, 51, 0.055);
	--wg-shadow-card-hover: 0 18px 44px rgba(23, 32, 51, 0.09);
	--wg-transition: 180ms ease;
}