:root {
    --bodycolor1: #fff; /* background */    
    --bodycolor2: #ecf0f1; /* accents */
    --bodycolor3: #d3d9da; /* footer */

    --textcolor1: #000; /* main text color */

    --color1: #54c142; /* primary color */
    --color2: #68d256; /* secondary color */

    --success: #40a92e; /* :-) */
    --error: #f00; /* %!$!%!^&#!!11 */

    --colorfilter1: brightness(0) saturate(100%) invert(92%) sepia(42%) saturate(2727%) hue-rotate(45deg) brightness(83%) contrast(78%); /* like --color1? */
    --colorfilter2: brightness(0) saturate(100%) invert(100%) sepia(99%) saturate(0%) hue-rotate(66deg) brightness(104%) contrast(100%); /* standard: white */
}


/* PREVIOUS COLOR SET (ter referentie, delete me soon)
:root {
    --background: #fff;         --> vervangen door --bodycolor1     --> REPLACED!
    --main: #000;               --> vervangen door --textcolor1     --> REPLACED!
    --accents: #ecf0f1;         --> vervangen door --bodycolor2     --> REPLACED!
    --accents2: #d3d9da;        --> vervangen door --bodycolor3     --> REPLACED!
    --color: #54c142;           --> vervangen door --color1         --> REPLACED!
    --highlight: #68d256;       --> vervangen door --color2         --> REPLACED!
    --error: #f00;
}*/