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

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

    --color1: #0d3749; /* primary color */
    --color2: #d2af59; /* secondary color */
    
    --free: #d2af59; /* Vrij */
    --occupied: #ff5722; /* Bezet */
    --option: #b79dbb; /* In optie */
    --soon: #ebcfb4; /* Binnenkort vrij */

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

    --colorfilter1: invert(17%) sepia(27%) saturate(1491%) hue-rotate(154deg) brightness(89%) contrast(93%); /* like --color1 */
    --colorfilter2: brightness(0) saturate(100%) invert(74%) sepia(30%) saturate(676%) hue-rotate(5deg) brightness(91%) contrast(88%); /* like --color2 */
    --colorfilter: brightness(0) saturate(100%) invert(100%) sepia(99%) saturate(0%) hue-rotate(66deg) brightness(104%) contrast(100%); /* standard: white */
}