:root {
    /* Header Colors (also used for site tour popups) */
    --headerBackground: #fff;
    --headerTextColor: #005971;
    /* This is used for hoverable items in the header (benefit picker, fund picker, and user account)
    Typically should be slightly lighter than the 'headerBackground' color */
    --headerBackgroundLighten: #578d9c;
    /* Navigation Menu Colors (also affects drop down menus in the header - benefit picker, fund picker, and user account) */
    --menuBackground: #fff;
    --menuLinkColor: #005971;
    /* Hover colors for menu links (also affects drop down menus in the header - benefit picker, fund picker, and user account)*/
    --menuLinkHoverColor: #657e30;
    --menuLinkHoverBackgroundColor: #eeeeee;
    /* Background color of the highlighted menu item for the current page (typically should be slighlty darker than the 'menuLinkHoverBackgroundColor') */
    --menuLinkSelectedBackgroundColor: #fff;
    /* Grid Header, Footer and Pager colors (also controls date picker header colors and menu data list colors) */
    --gridHeaderBackgroundColor: #005971;
    --gridHeaderColor: white;
    /* Link Colors */
    --linkColor: #005971;
    --linkHoverColor: #657e30;
    /* Primary Button Colors */
    --primaryButtonBackgroundColor: #005971;
    --primaryButtonTextColor: white;
    --primaryButtonHoverBackgroundColor: #fff;
    --primaryButtonHoverTextColor: #005971;
    /* Secondary Button Colors*/
    --secondaryButtonBackgroundColor: #657e30;
    --secondaryButtonTextColor: #fff;
    --secondaryButtonHoverBackgroundColor: #fff;
    --secondaryButtonHoverTextColor: #657e30;
    /* Footer Colors */
    --footerBackgroundColor: #005971;
    --footerColor: white;
}