:root{
/* Paint Mixing Laboratory — wit hoofdvlak, inkblauw als functioneel contrast, koraal als klein accent.
   Geen bruine vlakken. Alle kleuren (ook functionele pigmentstroken) zijn tokens. */
--ns-7474-ns7474-paper:oklch(99.3% .002 95);
--ns-7474-ns7474-paper-2:oklch(96.6% .005 240);
--ns-7474-ns7474-paper-3:oklch(94% .008 240);
--ns-7474-ns7474-ink:oklch(26% .028 250);
--ns-7474-ns7474-deep:oklch(33% .085 248);
--ns-7474-ns7474-mute:oklch(47% .018 250);
--ns-7474-ns7474-line:oklch(87% .008 240);
--ns-7474-ns7474-line-2:oklch(78% .012 240);
--ns-7474-ns7474-accent:oklch(63% .145 38);
--ns-7474-ns7474-accent-soft:oklch(95.5% .028 38);
--ns-7474-ns7474-ok:oklch(50% .105 152);
--ns-7474-ns7474-ok-soft:oklch(95% .03 152);
--ns-7474-ns7474-warn:oklch(60% .128 52);
--ns-7474-ns7474-warn-soft:oklch(95.5% .032 55);
/* functionele pigmentstroken (demonstratie, geen decoratie) */
--ns-7474-ns7474-pig-red:oklch(55% .19 27);
--ns-7474-ns7474-pig-yellow:oklch(85% .155 92);
--ns-7474-ns7474-pig-blue:oklch(50% .15 248);
--ns-7474-ns7474-pig-orange:oklch(69% .15 55);
--ns-7474-ns7474-pig-green:oklch(61% .135 150);
--ns-7474-ns7474-pig-purple:oklch(49% .15 305);
--ns-7474-ns7474-pig-white:oklch(97.5% .004 240);
--ns-7474-ns7474-pig-black:oklch(22% .006 250);
--ns-7474-ns7474-pig-mud:oklch(46% .025 70);
/* typografie */
--ns-7474-ns7474-display:"Fraunces",Georgia,"Times New Roman",serif;
--ns-7474-ns7474-body:"Inter",system-ui,-apple-system,Arial,sans-serif;
--ns-7474-ns7474-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
/* ruimte (4-pt schaal) */
--ns-7474-ns7474-space-xs:8px;
--ns-7474-ns7474-space-sm:12px;
--ns-7474-ns7474-space-md:24px;
--ns-7474-ns7474-space-lg:48px;
--ns-7474-ns7474-space-xl:80px;
/* schaal */
--ns-7474-ns7474-text-display:clamp(2.5rem,5.4vw,4.8rem);
--ns-7474-ns7474-text-h2:clamp(1.75rem,2.9vw,2.85rem);
--ns-7474-ns7474-text-h3:clamp(1.2rem,1.6vw,1.45rem);
--ns-7474-ns7474-text-lead:clamp(1.08rem,1.4vw,1.22rem);
/* beweging */
--ns-7474-ns7474-ease-out:cubic-bezier(.16,1,.3,1);
--ns-7474-ns7474-ease-in-out:cubic-bezier(.65,0,.35,1);
--ns-7474-ns7474-dur-fast:120ms;
--ns-7474-ns7474-dur:240ms;
/* vorm */
--ns-7474-ns7474-rule:1px solid var(--ns-7474-ns7474-line);
--ns-7474-ns7474-rule-2:1px solid var(--ns-7474-ns7474-line-2);
}