:root {
    --primaryColor: #010031;
    --primaryColor70: #010031B3;
    --secondaryColor: #FC6C54;
    --secondaryColor70: #FC6C54B3;

    --sidebarNavColor: var(--primaryColor);
    --sidebarHeaderColor: #535353;

    --focusedNavColor: var(--secondaryColor);

    --topBarButtonBackgroundColor: var(--primaryColor);
    --topBarButtonBackgroundHoverColor: var(--primaryColor70);
    --topBarButtonColor: #FFFFFF;

    --bodyBackgroundColor: #F7F7F7;

    --pageTitleColor: var(--primaryColor);
    --subTitleColor: #666666;

    --hoverColor: #F7F7F7;

    --buttonBackgroundColor: var(--primaryColor);
    --buttonTextColor: #FFFFFF;
    --buttonHoverColor: var(--primaryColor70); /* check */

    --iconColor: #5C5E68;

    --loginBackgroundColor: #F1F5F5;
    --loginButtonBackgroundColor: var(--primaryColor);
    --loginButtonHoverColor: var(--primaryColor70);
    --loginButtonColor: #FFFFFF;
    --loginWelcomeColor: var(--primaryColor);
    --loginCopyrightColor: #B1B1B1;

    --logoWidth: 500px;
    --logoWidthSmall: 350px;

    /*"SeriesColors": ["#EC914D", "#787877", "#2C3C7E", "#6FA491", "#F6BA90", "#ABABAC", "#00A9E0", "#A1DA8E", "#EC914D", "#787877"] */
}