:root {
	/* Koelkastwijzer v2 — betrouwbaar blauw + fris groen, met veel wit. */
	--wg-color-primary: #175979;
	--wg-color-primary-hover: #10435D;
	--wg-color-primary-soft: #EAF4F9;
	--wg-color-primary-muted: #5D8398;
	--wg-color-secondary: #2F7A69;
	--wg-color-secondary-hover: #245F52;
	--wg-color-secondary-soft: #EAF5F1;
	--wg-color-text: #243A46;
	--wg-color-heading: #102A38;
	--wg-color-text-muted: #5A6F7A;
	--wg-color-text-subtle: #7A8B93;
	--wg-color-background: #FFFFFF;
	--wg-color-surface: #F7FAFC;
	--wg-color-surface-soft: #F2F7F9;
	--wg-color-surface-strong: #EAF2F5;
	--wg-color-border: #D7E2E7;
	--wg-color-border-strong: #BCCED7;
	--wg-color-success: #2F7A69;
	--wg-color-success-soft: #EAF5F1;
	--wg-color-warning: #9A691D;
	--wg-color-warning-soft: #FBF4E5;
	--wg-color-danger: #9A4D4D;
	--wg-color-danger-soft: #FAEEEE;
	--wg-color-gold: #D7A84B;
	--wg-color-gold-soft: #FCF5E6;
	--wg-color-gold-text: #684D18;
	--kw-navy: #0E344A;
	--kw-blue: #175979;
	--kw-blue-2: #2B7191;
	--kw-teal: #2F7A69;
	--kw-teal-dark: #245F52;
	--kw-sky: #EDF6FA;
	--kw-mint: #EDF7F3;
	--kw-ink: #102A38;

	/* Typografie */
	--wg-font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	--wg-font-size-sm: 0.875rem;
	--wg-font-size-base: 17px;
	--wg-font-size-lg: 1.125rem;
	--wg-font-size-eyebrow: 12px;
	--wg-font-size-hero: clamp(36px, 5vw, 58px);
	--wg-font-size-section: clamp(28px, 3vw, 38px);
	--wg-font-size-card-title: 21px;
	--wg-font-size-intro: clamp(17px, 1.6vw, 19px);
	--wg-line-height-body: 1.68;
	--wg-line-height-heading: 1.1;

	/* 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;

	/* Layout */
	--wg-container-width: 1200px;
	--wg-content-width: 800px;
	--wg-page-gutter: 22px;
	--wg-page-gutter-mobile: 16px;
	--wg-page-hero-top: 26px;
	--wg-page-hero-bottom: 54px;
	--wg-overview-hero-min-height: 390px;
	--wg-hero-title-gap: 18px;
	--wg-hero-intro-gap: 18px;
	--wg-page-breadcrumb-gap: 26px;
	--wg-page-breadcrumb-gap-mobile: 20px;
	--wg-page-hero-top-mobile: 16px;
	--wg-section-space: clamp(58px, 7vw, 90px);

	/* Vormgeving */
	--wg-radius-sm: 7px;
	--wg-radius-md: 11px;
	--wg-radius-lg: 17px;
	--wg-shadow-card: 0 10px 30px rgba(16, 42, 56, 0.055);
	--wg-shadow-card-hover: 0 16px 38px rgba(16, 42, 56, 0.095);
	--wg-transition: 180ms ease;
}