:root {
    --theme-color: #0e76bc;
    --mainheader-fontcolor: #ffffff;
    --mainmenu-width: 300px;
    --mainmenu-background-color: #1e3b8b;
    --mainmenu-fontcolor: var(--mainheader-fontcolor);
    --mainmenu-submenu-background-color: #1b357c;
    --mainmenu-activeitem-background-color: #4b61a0;
    --mainmenu-hoveritem-background-color: #314988;
    --mainmenu-itemlevel-multiplier: 1; /* NOT NEEDED */
    --mainmenu-itemheight: 40px;
    --mainmenu-leftright-padding: 10px; /* was 20px */
    --mainmenu-padding: 0 var(--mainmenu-leftright-padding);
    --maincontent-background-color: #f8fafc;
    --maincontent-padding: 20px;
    --base-border-color: #cccccc;
    --base-border-radius: 4px;
    --base-border-radius-extended: 10px;
    --textcolor-inactive: rgba(0,0,0,0.5);
    /* buttons */
    --button-background-color: #3b82f6;
    --button-text-color: #ffffff;
    /*--button-border-radius: 4px;*/
    --button-border-radius: var(--base-border-radius);
    /* overviews and lists */
    --list-header-backgroundcolor: #ffffff;
    --list-backgroundcolor: #ffffff;
    --item-border-color: var(--base-border-color);
    --default-card-width: 400px;
    /*--item-border-radius: 4px;*/
    --item-border-radius: var(--base-border-radius);
    --item-backgroundcolor-hover: #eeeeee;
    /* tabs */
    --tab-border-color: var(--base-border-color);
    --active-tab-background-color: #3b82f6;
    --active-tab-text-color: #ffffff;
    /* forms */
    --form-rows-gap: 10px;
    /* inputs */
    --input-border-color: var(--base-border-color);
    --input-border-radius: var(--base-border-radius);
    --input-height: 34px;
    --checkbox-checked-color: #2073fd;
    /* datepicker stuff */
    --day-selected-backgroundcolor: #357ebd;
    --day-selected-textcolor: #ffffff;
    /* modals and popovers */
    /*--popover-border-radius: 10px;*/
    --popover-border-radius: var(--base-border-radius-extended);
    /* messages and alerts */
    --message-info-fontcolor: #052c65;
    --message-info-backgroundcolor: #cfe2ff;
    /* until we determine a color that differs enough from "warning", "success" uses the same colors as "info" */
    /*--message-success-fontcolor: #0a3622;
    --message-success-backgroundcolor: #d1e7dd;*/
    --message-success-fontcolor: var(--message-info-fontcolor);
    --message-success-backgroundcolor: var(--message-info-backgroundcolor);
    --message-warning-fontcolor: #58151c;
    --message-warning-backgroundcolor: #f8d7da;
    --message-error-fontcolor: var(--message-warning-fontcolor);
    --message-error-backgroundcolor: var(--message-warning-backgroundcolor);
}