:root {
    --color-brand: hsl(202, 56%, 49%);
    --color-brand-dark: hsl(207, 47%, 29%);
    --color-brand-light: hsl(198, 39%, 66%);
    --color-brand-xlight: hsl(198, 25%, 90%);

    --color-xlight: hsl(204, 19%, 95%);    
    --color-light: hsl(204, 21%, 77%);
    --color-medium: hsl(204, 17%, 49%);
    --color-dark: hsl(204, 59%, 7%);

    --color-red-xlight: hsl(0, 49%, 86%);
    --color-red-normal: hsl(0, 94%, 31%);

    --color-green-xlight: hsl(86, 30%, 86%);
    --color-green-normal: hsl(87, 72%, 20%);

    --color-blue-xlight: hsl(200, 79%, 94%);
    --color-blue-normal: hsl(200, 54%, 36%);

    --color-orange-xlight: hsl(31, 88%, 86%);
    --color-orange-normal: hsl(31, 93%, 46%);

    --color-case-normal: hsl(36, 100%, 50%);
    --color-schouw-normal: hsl(0, 97%, 47%);
    --color-installatie-normal: #2a5298;
    --color-controle-normal: #9aca64;
}