/* Toegankelijkheidscorrecties bovenop de gegenereerde tokens.
   Bewust een losse laag met een eigen :root-blok: die wordt ná colors.css geïmporteerd en
   overschrijft alleen wat nodig is. Zo blijft alles wat de generator zelf goed doet staan —
   inclusief de verdonkerde --text-muted (#736A78, 4,72:1) en --focus-ring (#7A5C7A, 5,26:1)
   en de tokens --text-on-soft en --text-muted-on-dark — en overleeft deze laag een
   hergeneratie van de map. */
:root{

/* --- randen van bedieningselementen (WCAG 1.4.11, 3:1) ---
   --border-strong (#CFC6CC) haalt 1,67:1 op wit en kan dus nooit de rand van een uitgevinkte
   checkbox of de uit-stand van een switch zijn. --stone haalt 3,75:1 en is al een merkkleur. */
--border-control:var(--stone);

/* --- statuskleuren ---
   De gegenereerde waarden halen als tekst 4,17:1 (succes) en 3,23:1 (waarschuwing). Deze drie
   zijn een "intentional addition" volgens de readme en dus brand-vrij; verdonkerd tot ze ook
   op hun eigen vlaktint boven 4,5:1 uitkomen. */
--status-success:#4A6350; /* 6,00:1 op parchment · 5,39:1 op --surface-success */
--status-warning:#7A5C34; /* 5,62:1 op parchment · 5,03:1 op --surface-warning */
--status-error:#8A3F45;   /* 6,66:1 op parchment · 5,64:1 op --surface-error */

/* --- vlaktinten voor status ---
   Stonden hardcoded als hex in Badge.jsx, wat de eigen lint-regel tegen raw hex overtreedt. */
--surface-success:#E4EAE4;
--surface-warning:#F0E7D8;
--surface-error:#F0DEDF;

/* --- states --- */
--disabled-opacity:.45;
}