/* CSS Document */

:root {
    --bodycolor1: #fff; /* background */    
    --bodycolor2: #dbeff4; /* accents */
    --bodycolor2: #e6f8fc; /* accents */
    --bodycolor2: #050606; /* accents */
    --bodycolor3: ; /* second accents */
    --bodycolor4: #dbeff4; /* footer */
    --bodycolor4: #050606; /* footer */

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

    --color1: #673366; /* primary color (purple) */
    --color1: #5a643c; /* primary color (dark green) */
    --color2: #4bb7b6; /* secondary color (blue) */
    --color2: #c28c2b; /* secondary color (gold) */

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

    --colorfilter1: brightness(0) saturate(100%) invert(72%) sepia(52%) saturate(419%) hue-rotate(4deg) brightness(90%) contrast(86%); /* like --color1? */
    --colorfilter2: invert(15%) sepia(46%) saturate(990%) hue-rotate(155deg) brightness(96%) contrast(92%); /* like --color2? */
    --colorfilterwhite: brightness(0) saturate(100%) invert(100%) sepia(99%) saturate(0%) hue-rotate(66deg) brightness(104%) contrast(100%); /* standard: white */
    --colorfilterblack: brightness(0) saturate(100%) invert(0%) sepia(92%) saturate(18%) hue-rotate(92deg) brightness(107%) contrast(101%); /* standard: black */

}


/* 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;
}*/