/** global theme variables: B */

:root{

    /** menu | primary */
    --theme-primary-bg-color: #10497E;
    --theme-primary-bg-border-color: none;
    --theme-menu-link-color: white;
    --theme-menu-icons-color-filter: brightness(0) invert(1);
    --theme-menu-log-color-filter: none;
    
    /* menu related links style */
    --theme-menu-link-selected-bg-color: rgba(134, 176, 205, 0.32);
    --theme-menu-link-selected-color: white;
    --theme-menu-link-arrow-icon: url(./Gray/images/new_design_icons/menu/arrow_down_white.svg);

    /* sub menu style */
    --theme-sub-menu-link-selected-bg-color: rgba(101, 122, 158, 0.22);
    --theme-sub-menu-link-selected-color: #657a9e;
    --theme-sub-menu-bg-color: white;
    --theme-sub-menu-border-color: 1px solid #EAEAEA;
    --theme-sub-menu-box-shadow: 0px 5px 18px rgba(0, 0, 0, 0.13);
    --theme-sub-menu-link-color: #333339;
    --theme-sub-menu-line-break-style: 1px solid #F2F3F4;
    --theme-sub-menu-box-shadow: #87868d;
    --theme-sub-menu-icons-color-filter: none;

    /* to set the main login page buttons color */
    --theme-login-page-login-main-color: #10497e;
    --theme-login-page-switch-button-color: #768aac;

    /* to show or hide switch buttons or links based on the wanted style */
    --theme-login-page-display-switch-button: none;
    --theme-login-page-display-switch-links: block;

}