/* Durabel Energieadvies — base color scales. Brand anchors: --blue-600 #00828A, --orange-400 #ED9B3D. */
:root{
/* Primary — Durabel teal-blue (vertrouwen, expertise) */
--blue-50:#E8F4F5;--blue-100:#C6E5E7;--blue-200:#96CDD1;--blue-300:#5DAFB5;--blue-400:#219AA1;--blue-500:#00828A;--blue-600:#006E75;--blue-700:#005A60;--blue-800:#01454A;--blue-900:#013034;--blue-950:#022225;
/* Secondary — Durabel oranje (energie, conversie) */
--orange-50:#FEF6EC;--orange-100:#FCE8CE;--orange-200:#F8D2A2;--orange-300:#F3BA72;--orange-400:#ED9B3D;--orange-500:#DC8420;--orange-600:#BB6C16;--orange-700:#945312;--orange-800:#6B3C0E;--orange-900:#432608;
/* Logo sun yellow — logo-only tint, never a UI surface or text color */
--sun-400:#F5C01F;
/* Neutrals — cool grey with a faint teal cast so they sit under the brand blue */
--grey-0:#FFFFFF;--grey-25:#FAFCFC;--grey-50:#F4F7F7;--grey-100:#EAEEEF;--grey-200:#DBE1E2;--grey-300:#C2CBCC;--grey-400:#9BA6A8;--grey-500:#778385;--grey-600:#5A6567;--grey-700:#414A4B;--grey-800:#2B3233;--grey-900:#1A1F20;--grey-950:#121617;
/* Semantic hues — used only for status, never as brand color */
--green-50:#E9F6EF;--green-500:#178C57;--green-600:#0F7247;--green-700:#0B5836;
--amber-50:#FDF4E3;--amber-500:#B87503;--amber-600:#955E02;--amber-700:#6F4602;
--red-50:#FCECEC;--red-500:#C5312E;--red-600:#A32623;--red-700:#7C1D1B;
/* Static alpha values */
--alpha-blue-8:rgba(0,130,138,.08);--alpha-blue-16:rgba(0,130,138,.16);--alpha-orange-12:rgba(237,155,61,.12);--alpha-ink-8:rgba(18,22,23,.08);--alpha-ink-56:rgba(18,22,23,.56);--alpha-white-16:rgba(255,255,255,.16)
}