:root {
    /* Buttons */
    --kleur1: #2198d3;
    --kleur2: #cccccc;
    --kleur3: #cc0033;
  
    --button-primary-back: #333366;
    --button-primary-hover: #008000;
    --button-primary-gekozen: #2198d3;

    /* overige kleuren */
    --rood:  #ff0000;;
    --rood-donker:  #cc0033;;
    --wit: #ffffff;
    --zwart: #000000;
    --grijs: #808080;
    --grijs-donker: #2b2b2b;
    --grijs-licht: #cccccc;
    --grijs-lichter: #eeeeee;
    --oranje: #eb7531;
    --geel: #ffcc00;
    --geel-licht: #ffdc2e;
    --geel-lichter: #fbf5d0;
    --blauw-licht: #2198D3;
    --blauw: #0000ff;
    --blauw-grijs: #333366;
    --groen: #008000;
    --groen-licht: #8bd83b;
    --groen-donker: #006633;
  }