/* Logo colours and sizes — generated by docs/logo-concepts/src/export-site.js; the chosen logo is set in Beheer.
   --lg-b = main colour, --lg-a = accent, --lg-o = colour on the main colour; the name itself is currentColor.
   Light values (-l) apply on light backgrounds, dark values (-d) in dark mode and in the always-dark footer. */
.lg{--lg-b:var(--lg-b-l);--lg-a:var(--lg-a-l);--lg-o:#fff}
:root[data-theme="dark"] .lg,.foot__logo .lg,.rt__brand .lg,.lg-dark .lg{--lg-b:var(--lg-b-d);--lg-a:var(--lg-a-d)}
@media (prefers-color-scheme:dark){:root:not([data-theme]) .lg{--lg-b:var(--lg-b-d);--lg-a:var(--lg-a-d)}}
:root .lg-light .lg{--lg-b:var(--lg-b-l);--lg-a:var(--lg-a-l)}
.lg--schakel{--lg-b-l:#0F8B8D;--lg-b-d:#2BB3B1;--lg-a-l:#F4A259;--lg-a-d:#F4A259;--lg-k:1.45}
.lg--blok{--lg-b-l:#E5352B;--lg-b-d:#F0473C;--lg-a-l:#E5352B;--lg-a-d:#F0473C;--lg-k:1.45}
.lg--functie{--lg-b-l:#B26B00;--lg-b-d:#F2B33D;--lg-a-l:#B26B00;--lg-a-d:#F2B33D;--lg-k:1.3}
.lg--component{--lg-b-l:#0969DA;--lg-b-d:#4C9AFF;--lg-a-l:#0969DA;--lg-a-d:#4C9AFF;--lg-k:1.22}
.lg--live{--lg-b-l:#16A34A;--lg-b-d:#22C55E;--lg-a-l:#16A34A;--lg-a-d:#22C55E;--lg-k:1.45}
/* "Kleuren van het sitepalet": the brand colour of the active palette (and its accent) */
.lg.lg--site{--lg-b-l:var(--blue,#2D5BFF);--lg-b-d:var(--brand-acc,#4373FC);--lg-a-l:var(--accent,#FF7A59);--lg-a-d:var(--accent,#FF7A59)}
.lg.lg--site.lg--live{--lg-a-l:var(--green,#1DAE80);--lg-a-d:var(--green,#1DAE80)}
/* the new lockups are drawn smaller inside their box than the old logo, so they get a little more height */
.nav__logo .logo--full.lg,.side__brand .logo--full.lg{height:calc(18px * var(--lg-k))}
.foot__logo .logo--full.lg,.login__brand .logo--full.lg{height:calc(22px * var(--lg-k))}
.intro__logo .logo--full.lg{height:calc(20px * var(--lg-k))}
.pk-top__logo .logo--full.lg{height:calc(16px * var(--lg-k))}