/* GEGENEREERD door scripts/maak-merk-css.mjs uit public/merk.js — niet met de hand bewerken.
   Wijzig de huisstijl in public/merk.js en draai `npm run merk`. */

:root {
  --kleur-primair: #a10a91;
  --kleur-tekst-op-primair: #ffffff;
  --kleur-achtergrond: #ffffff;
  --kleur-oppervlak: #ffffff;
  --kleur-tekst: #121212;
  --kleur-tekst-zwak: #6b6b6b;
  --kleur-rand: #d8d4dc;
  --kleur-rand-interactief: #8a8590;
  --kleur-fout: #b3261e;
  --kleur-primair-tekst: #86007c;
  --kleur-tint: #f7effa;

  /* Vast wit, ongeacht thema (Bram, 2026-09-22): de tegels laten de site-logo's mooi afsteken. */
  --tegel-vlak: #ffffff;
  --tegel-vlak-tekst: #121212;
  --tegel-vlak-tekst-zwak: #6b6b6b;
  --tegel-logo-plek: #f1f1f1;
  --kleur-wit: #ffffff;

  /* Merkkleuren en -verloop (BG Digital-logo). */
  --merk-paars: #5a11a2;
  --merk-magenta: #b810a3;
  --merk-donkermagenta: #86007c;
  --merk-oranje: #ef690e;
  --merk-zwart: #0d0d0f;
  --merk-verloop: linear-gradient(135deg, #5a11a2 0%, #b810a3 55%, #ef690e 100%);
  --merk-verloop-lijn: linear-gradient(90deg, #5a11a2, #b810a3 55%, #ef690e);
  --merk-monogram-wit: url('/merk/bg-monogram-wit.webp');
}

@media (prefers-color-scheme: dark) {
  :root {
    --kleur-primair: #a10a91;
    --kleur-tekst-op-primair: #ffffff;
    --kleur-achtergrond: #0d0d0f;
    --kleur-oppervlak: #1b1a20;
    --kleur-tekst: #f2f1f4;
    --kleur-tekst-zwak: #aaa6b0;
    --kleur-rand: #38343f;
    --kleur-rand-interactief: #736e7b;
    --kleur-fout: #ffb4ab;
    --kleur-primair-tekst: #eba6f2;
    --kleur-tint: #22152b;
  }
}