:root {
  --green-900: #0F3D2A; /* Bosgroen: omlijning van het huis-beeldmerk, het woord 'volt', koppen en bodytekst. Achtergrond voor het witte logo. */
  --green-700: #1E6B45; /* Knoppen en links; witte tekst erop (6,5:1). Tekstkleur voor groene tekst kleiner dan 24px. */
  --green-500: #2E9E5B; /* Merkgroen: 'groen' in het logo, onderste laadbalk (op licht en donker), grote vlakken en iconen. Als tekst alleen vanaf 24px (3,4:1 op wit). */
  --green-300: #5CC27E; /* Middelste laadbalk (op licht en donker); accentlijnen en grafieken. Niet voor tekst op licht. */
  --green-250: #8ACF9C; /* Bovenste laadbalk in het beeldmerk, op licht én op green-900. Niet voor tekst. */
  --green-200: #A8E0B4; /* 'groen' in het witte logo op green-900 (8,1:1); lichte accenten op donker. */
  --green-100: #D8F1DF; /* Zachte vlakken: kaarten, highlights, tags. green-900 tekst erop (10,2:1). */
  --surface: #F6FBF7; /* Paginaachtergrond. */
  --surface-raised: #FFFFFF; /* Kaarten en panelen boven surface. */
  --ink: var(--green-900); /* Hoofdtekst op surface, surface-raised en green-100 (≥10:1). */
  --ink-muted: #4A6B5A; /* Secundaire tekst en bijschriften op surface en surface-raised (5,7:1). */
  --sun: #F2C230; /* Spaarzaam zonne-accent (zonnepanelen, besparing). Alleen green-900 tekst erop (7,3:1); nooit als tekstkleur. */
  --space-2: 8px; /* Ruimte tussen icoon en tekst, tussen laadbalken. */
  --space-4: 16px; /* Padding van knoppen en kleine kaarten. */
  --space-6: 24px; /* Padding van kaarten, marges rond het logo. */
  --space-12: 48px; /* Ruimte tussen secties. */
  --radius-sm: 4px; /* Laadbalken, tags. */
  --radius-md: 12px; /* Knoppen, kaarten, invoervelden. */
  --radius-pill: 999px; /* Pillen en statuslabels. */
  --font-sans: "Poppins", system-ui, sans-serif;
  --text-display: 700 48px/56px var(--font-sans);
  --text-h1: 600 32px/40px var(--font-sans);
  --text-h2: 600 24px/32px var(--font-sans);
  --text-body: 400 16px/26px var(--font-sans);
  --text-small: 400 14px/22px var(--font-sans);
  --text-label: 600 13px/18px var(--font-sans);
}