:root{
/* base */
--base-cream:rgb(254,254,244);
--base-ink:rgb(22,22,21);
/* primary (petrol blue) */
--primary-50:rgb(235,243,246);
--primary-100:rgb(193,217,226);
--primary-200:rgb(163,198,212);
--primary-300:rgb(120,172,192);
--primary-400:rgb(94,156,180);
--primary-500:rgb(54,131,161);
--primary-600:rgb(49,119,147);
--primary-700:rgb(38,93,114);
--primary-800:rgb(30,72,89);
--primary-900:rgb(23,55,68);
/* neutral */
--neutral-0:rgb(255,255,255);
--neutral-50:rgb(246,248,250);
--neutral-100:rgb(237,241,245);
/* Literal slider track value from /App-flow-v2/3b (542:1558) — deliberately not --neutral-100. */
--slider-track-base:rgb(235,239,241);
--neutral-200:rgb(221,228,235);
--neutral-300:rgb(196,205,214);
--neutral-400:rgb(155,166,178);
--neutral-500:rgb(108,120,131);
--neutral-600:rgb(78,89,102);
--neutral-700:rgb(55,64,73);
--neutral-800:rgb(35,42,49);
--neutral-900:rgb(18,22,26);
/* coral */
--coral-50:rgb(254,246,244);
--coral-100:rgb(251,226,219);
--coral-200:rgb(249,211,202);
--coral-300:rgb(246,191,178);
--coral-400:rgb(244,179,163);
--coral-500:rgb(241,160,140);
--coral-600:rgb(219,146,127);
--coral-700:rgb(171,114,99);
--coral-800:rgb(133,88,77);
--coral-900:rgb(101,67,59);
/* purple */
--purple-50:rgb(242,239,243);
--purple-100:rgb(213,205,217);
--purple-200:rgb(193,180,198);
--purple-300:rgb(165,146,172);
--purple-400:rgb(148,125,156);
--purple-500:rgb(121,93,131);
--purple-600:rgb(110,85,119);
--purple-700:rgb(86,66,93);
--purple-800:rgb(67,51,72);
--purple-900:rgb(51,39,55);
/* lime: in Figma de tweede "Yellow"-reeks, Stylguide-App-MIND 11:879 */
--lime-50:rgb(250,253,235);
--lime-100:rgb(240,247,194);
--lime-200:rgb(233,244,165);
--lime-300:rgb(224,238,124);
--lime-400:rgb(217,235,98);
--lime-500:rgb(208,230,59);
--lime-600:rgb(189,209,54);
--lime-700:rgb(148,163,42);
--lime-800:rgb(114,127,32);
--lime-900:rgb(87,97,25);
/* yellow (warm), Stylguide-App-MIND 11:756 */
--yellow-50:rgb(255,252,244);
--yellow-100:rgb(255,246,222);
--yellow-200:rgb(255,241,206);
--yellow-300:rgb(254,235,184);
--yellow-400:rgb(254,231,170);
--yellow-500:rgb(254,225,149);
--yellow-600:rgb(231,205,136);
--yellow-700:rgb(180,160,106);
--yellow-800:rgb(140,124,82);
--yellow-900:rgb(107,95,63);
/* violet, Stylguide-App-MIND 11:1125 */
--violet-50:rgb(254,245,255);
--violet-100:rgb(251,224,255);
--violet-200:rgb(249,209,255);
--violet-300:rgb(246,188,255);
--violet-400:rgb(245,175,255);
--violet-500:rgb(242,155,255);
--violet-600:rgb(220,141,232);
--violet-700:rgb(172,110,181);
--violet-800:rgb(133,85,140);
--violet-900:rgb(102,65,107);
/* accent: telkens de 500-stap van een reeks, als letterlijke waarde omdat
   generate.mjs een var() als semantisch token leest. Lime was rgb(207,230,52)
   en week daarmee af van Figma; sinds 28 augustus 2026 gelijk aan --lime-500. */
--accent-lime:rgb(208,230,59);
--accent-coral:rgb(241,160,140);
--accent-yellow:rgb(254,225,149);
--accent-magenta:rgb(242,155,255);
--accent-purple:rgb(121,93,131);
/* weather */
--weather-sun:rgb(254,225,149);
--weather-cloud:rgb(163,198,212);
--weather-rain:rgb(54,131,161);
--weather-storm:rgb(23,55,68);
--weather-mist:rgb(196,205,214);
/* feedback */
--feedback-success:rgb(63,169,123);
--feedback-warning:rgb(229,169,60);
--feedback-error:rgb(181,87,87);
/* semantic */
--surface-background:var(--base-cream);
--surface-card:var(--neutral-0);
--text-primary:var(--base-ink);
--text-secondary:var(--neutral-600);
--text-onprimary:var(--neutral-0);
--border-default:var(--neutral-200);
--brand-default:var(--primary-700);
--brand-pressed:var(--primary-800);
--brand-subtle:var(--primary-50);
--cta-default:var(--accent-lime);
--cta-text:var(--base-ink);
}