/* Merk-tokens van de Videomaker (werknaam tot Stan een naam kiest). Bron van het palet: de Hanze-wervingsmail
   (git show hanze-mail:docs/hanze-mail/hanze-mail.html). Dit bestand is de enige plek met kleurwaarden: thema.css,
   app.css en de studentpagina's gebruiken alleen de variabelen. De videotemplates-case neemt dezelfde waarden over
   via docs/merk/tokens.json. */
:root {
  /* merk */
  --merk: #ff5f8f;           /* roze: knoppen, voortgang, de gekozen optie, de volgende stap */
  --merk-rand: #d93f70;      /* de onderrand van alles wat roze is */
  --merk-licht: #ffe4ec;     /* vlak achter een gekozen optie */
  --merk-tekst: #c8285f;     /* roze als tekst op licht, leesbaar */
  --warm: #ffb347;           /* warm accent: beloningen, mijlpalen, de eerste plek */
  --warm-rand: #d98a1f;
  --warm-licht: #fff1dc;
  --nacht: #140b2e;          /* diep paars-zwart: tekst, schermen, donkere banden */
  --nacht-rand: #352a52;
  --nacht-zacht: #22163f;
  --nacht-tekst: rgba(255, 255, 255, 0.66);
  --room: #efe9f6;           /* de pagina */
  --wit: #ffffff;            /* kaarten */

  /* tekst en lijnen, afgeleid van nacht en room */
  --inkt: #140b2e;
  --zacht: #5d5570;
  --dim: #9a93aa;
  --rand: #d9d2ea;
  --rand-licht: #e9e4f2;

  /* status */
  --gras: #22b573;           /* gelukt, betaald, geteld */
  --gras-rand: #178a56;
  --gras-licht: #dff6ea;
  --bes: #e5484d;            /* fout, teruggeboekt */
  --bes-rand: #b3363a;
  --bes-licht: #fde6e7;
}