:root {--min-viewport: 360;--max-viewport: 1600;--base-font: 10;--clamp-unit: 1vw;--sp-blauw: #1F4FD8;--sp-blauw-hover: #1A40B3;--sp-mint: #19D3A2;--sp-mint-hover: #3DE0B5;--sp-kobalt: #0A2A6B;--sp-nacht: #0B1E4D;--sp-oranje: #FF8A3D;--sp-mint-diep: #008573;--sp-leisteen: #4F6280;--sp-ijs: #EEF3FF;--sp-lijn: #D9E3EE;--sp-wit: #FFFFFF;--sp-tekst-op-donker: #C9D6F2;--sp-space-2xs: 0.5rem;--sp-space-xs: 0.75rem;--sp-space-s: 1rem;--sp-space-m: clamp(1.25rem, 1rem + 1vw, 1.75rem);--sp-space-l: clamp(1.75rem, 1.25rem + 2vw, 2.75rem);--sp-space-xl: clamp(2.5rem, 1.75rem + 3vw, 4rem);--sp-space-section: clamp(3.5rem, 2.5rem + 5vw, 7rem);--sp-gutter: clamp(1rem, 0.5rem + 2.5vw, 2rem);--sp-container: 1200px;--sp-radius-s: 8px;--sp-radius-m: 14px;--sp-radius-l: 22px;--sp-shadow: 0 1px 2px rgba(11,30,77,.06), 0 10px 30px rgba(11,30,77,.08);--sp-text-s: 0.9375rem;--sp-text-m: clamp(1.0625rem, 1rem + 0.25vw, 1.125rem);--sp-text-l: clamp(1.125rem, 1rem + 0.5vw, 1.3125rem);--sp-h1: clamp(2.25rem, 1.5rem + 3.2vw, 3.75rem);--sp-h2: clamp(1.75rem, 1.35rem + 1.7vw, 2.625rem);--sp-h3: clamp(1.125rem, 1.05rem + 0.45vw, 1.5rem);--sp-h4: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);}