/* ============================================================
   MERK.CSS — de kleuren van dit ene merk. Wordt NA style.css geladen en overschrijft
   daarom de terugvalwaarden daar. Net als merk.js gaat dit bestand per site mee, dus
   de kleuren van het ene merk zitten fysiek niet in de site van het andere.

   Dit is een apart bestand en geen instelling in merk.js, omdat de browser de CSS eerder
   leest dan het script: anders zie je bij het openen heel even de verkeerde kleur.
   ============================================================ */
:root{
  /* neutraal, voor beide merken hetzelfde */
  --s0:#EFEFF1; --s1:#F7F7F8; --s2:#FFFFFF;
  --tx:#1D1D1F; --tx2:#4C4C51; --tx3:#6C6C72;
  --bd:#E3E3E5; --bd2:#CFCFD3; --hair:#ECECEE;

  /* paars */
  --brand:#7342F4; --brand-bg:#EEEDFE; --brand-ink:#3C3489; --brand-bd:#AFA9EC; --outline:#D9D3FB;
  /* donkerder paars voor een ingedrukte kaartknop; stond tot 7-9 als losse hex in style.css */
  --brand-d:#5F34D6;
  /* de zijbalk draagt bij PackUp de merkkleur */
  --nav-bg:#7342F4; --nav-tx:#FFFFFF;

  /* signaal, alleen ink in een eigen licht vlak. Rustig gehouden: het is een
     statusmelding en geen alarm, dus lage verzadiging en donkere letter. */
  --ok:#2F6B3F; --ok-bg:#E9F3EB; --ok-bd:#CBE3D2;
  --warn:#8A5410; --warn-bg:#F8EFE2; --warn-bd:#E8D5B8;
  --err:#9B3030; --err-bg:#F8EBEB; --err-bd:#E9CFCF;
}