:root{
/* neutralen — papier */
--cream:#FBF6EF;--paper:#FDFBF7;--sand:#EFE6DA;--sand-deep:#D9CFC1;
--ink:#221D18;--espresso:#2A241E;--text:#4A443D;--text-soft:#6B6258;--muted:#8A8177;--faded:#B5AB9E;
/* primair accent */
--terra:#E4593B;--terra-dark:#C74A2E;--terra-soft:#FBE3DC;
/* support — betekenis, nooit decoratie */
--geel:#F2C94C;--geel-vlak:#FCEEC5;
--groen:#3B8547;--groen-vlak:#E4F2E2;
--blauw:#2277B0;--blauw-vlak:#DEF0FB;
--oker:#A87400;--oker-vlak:#FCF3D4;
/* organische kleurvelden (element D) */
--organic-basis:#E4593B;--organic-licht:#F2C94C;--organic-zacht:#F5B7A8;--organic-diep:#C74A2E;--organic-koel:#2277B0;
/* semantische aliassen */
--bg-page:var(--cream);--bg-section-light:#FFFFFF;--bg-section-dark:var(--espresso);--bg-input:var(--paper);
--border-subtle:var(--sand);--border-line:var(--sand-deep);
--text-heading:var(--ink);--text-body:var(--text);--text-secondary:var(--text-soft);--text-label:var(--muted);--text-placeholder:var(--faded);--text-on-dark:#FFFFFF;
--action:var(--terra);--action-hover:var(--terra-dark);--action-soft:var(--terra-soft);
--meaning-share:var(--blauw);--meaning-share-vlak:var(--blauw-vlak);
--meaning-free:var(--groen);--meaning-free-vlak:var(--groen-vlak);
--meaning-attention:var(--geel);--meaning-attention-vlak:var(--geel-vlak);
--meaning-calm:var(--oker);--meaning-calm-vlak:var(--oker-vlak);
/* gradientwas hero */
--hero-wash:radial-gradient(50% 40% at 20% 0%,rgba(242,201,76,.20) 0%,transparent 70%),radial-gradient(45% 45% at 85% 10%,rgba(228,89,59,.12) 0%,transparent 70%),radial-gradient(40% 40% at 60% 90%,rgba(59,133,71,.08) 0%,transparent 70%); /* @kind color */
/* organic field, gelaagde radial-gradients */
--organic-field:radial-gradient(60% 80% at 18% 28%,#F2C94C 0%,transparent 58%),radial-gradient(45% 65% at 82% 18%,#F5B7A8 0%,transparent 55%),radial-gradient(70% 90% at 72% 82%,#C74A2E 0%,transparent 60%),radial-gradient(50% 70% at 12% 88%,#2277B0 0%,transparent 50%),#E4593B; /* @kind color */
}