:root {
    --navbarColor: #314e5e;
    --sidebarColor: #314e5e;

    --navButtonColor: #fff;
    --navButtonBackgroundColorHover: #f80;
    --navButtonColorHover: #fff;
    --navbarTopMenuButtonColor: #fff;
    --navbarTopMenuButtonBackgroundColor: #314e5e;
    --navbarTopMenuButtonBackgroundColorHover: #f80;

    --sidebarMenuButtonBackgroundColor: #314e5e;
    --sidebarMenuButtonBackgroundColorHover: #f80;
    --sidebarMenuButtonColorHover: #fff;

    --sidebarSubItemsBackgroundColor: #efefef;
    --sidebarSubItemBackgroundColorHover: #ddd;
    --sidebarSubItemColor: black;
    --sidebarSubItemColorHover: #fff;
    
    --helpTextColor: grey;

    --dropAreaBorderColor: #232323;

    /* Coming-events date badge — shared between the real card and its loading skeleton,
       which live in separate scoped stylesheets, so the size is defined once here. */
    --coming-events-date-box-size: 3rem; /* 48px */
}