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

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

    --color1: #27574f; /* primary color */
    --color2: #ab926f; /* secondary color */
    --color3: #ec8833; /* call to action color */

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

    --colorfilter1: invert(28%) sepia(17%) saturate(1238%) hue-rotate(120deg) brightness(94%) contrast(87%); /* like --color1 */
    --colorfilter2: invert(59%) sepia(11%) saturate(861%) hue-rotate(356deg) brightness(97%) contrast(99%); /* like --color2 */
    --colorfilter3: 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;
}*/