:root{
/* Base palette — from brand reference boards */
--wisteria:#C4A8C4; /* Wisteria Mist — accent, warmth, soft surfaces */
--mauve:#6B4C6B; /* Dusk Mauve — primary brand colour */
--midnight:#1A1520; /* Midnight Plum — deep ink, dark backgrounds */
--plum:#2C2530; /* Plum Black — type, grounding, dark UI */
--parchment:#F7F4F0; /* Warm Parchment — page background, rest */
--stone:#8C8090; /* muted grey-mauve — secondary text on light */
/* Tints & shades */
--wisteria-100:#F5EEF5;
--wisteria-200:#E9DCE9;
--wisteria-300:#D9C4D9;
--mauve-600:#5D415D;
--mauve-700:#4E364E;
--white:#FFFFFF;
/* Semantic aliases */
--surface-page:var(--parchment);
--surface-card:var(--white);
--surface-soft:var(--wisteria-200);
--surface-softer:var(--wisteria-100);
--surface-dark:var(--midnight);
--surface-brand:var(--mauve);
--text-primary:var(--plum);
--text-secondary:#6E6575;
--text-muted:#736A78; /* WCAG AA 4.6:1 op parchment — --stone (#8C8090) haalt 3.4:1 en is alléén decoratief/op donker */
--text-on-dark:var(--parchment);
--text-on-brand:#FFFFFF;
--text-on-soft:var(--mauve-700); /* tekst op wisteria-200/300 — 6.4:1 */
--text-muted-on-dark:var(--stone); /* 4.8:1 op midnight */
--text-accent:var(--mauve); /* 6.4:1 op parchment, 5.4:1 op wisteria-200 — nooit op wisteria-300+ voor kleine tekst */
--border-subtle:#E5DFE0;
--border-strong:#CFC6CC;
--focus-ring:#7A5C7A; /* 3.9:1 op parchment — voldoet aan AA non-text */
/* Status — intentional additions, kept muted & on-palette */
--status-success:#5F7D62;
--status-warning:#A9814E;
--status-error:#A05257;
}