:root {
    /*  Declaration van de variabelen.
        aangezien deze app op maat is ontwikkeld voor bbb hoeft die niet vanuit de backend dynamisch ingesteld te worden.
    */
    --ivx-brandcolor: #e6d9d1;
    --ivx-brandcolor-text: #343432;
    --ivx-brandcolor-green: #a6b49c;
    --ivx-brandcolor-gray: #5e5e5c; /* deze wordt alleen gebruikt door BrandButtonControl.*/
    --ivx-brandcolor-delete: #b49c9c;
    --ivx-menucolorbackground: #f6f1ee;
    --ivx-activatedmenubackground: #e6d8d0;
    --ivx-highlightcolorbackground: #c40069;
    --ivx-afspraakdefinitiefbackground: #e6d9d1;
    --ivx-afspraakreservebackground: #f6f1ee;
    --ivx-topcontrolbackground: white;
    --ivx-topcontrolforeground: rgb(0,0,153);
    --ivx-lineheight-cards: 1.5;
    --ivx-captions-color: #d3baab;
    /* afspraak markers */
    --ivx-marker-buitenles: #a6b49c;
    --ivx-marker-cabineles: #e6d9d1;
    --ivx-marker-zaalles: #b5d1e5;
    --ivx-marker-online: #797873;
    --ivx-marker-coaching: #956d61;
    --ivx-marker-personal: #e6d891;
    /* fontsizes */
    --ivx-fontsize-default: 14px;
    --ivx-fontsize-large: 22px;
    /* tabpage properties*/
    --ivx-tabpage-bordercolor: #e6d8d0;
    --ivx-tabitem-active-backgroundcolor: #e6d8d0;
    --ivx-tabitem-active-color: white;
    --ivx-tabitem-active-bordercolor: #5e5e5c;
    --ivx-tabitem-inactive-backgroundcolor: white;
    --ivx-tabitem-inactive-color: black;
    --ivx-tabitem-inactive-bordercolor: #e6d8d0;
}