/******************************************************************************************

Theme variables

******************************************************************************************/
:root {
    /*************** Palette ***************/
    --main-theme-color: #AFBB36;
    --main-theme-color-hue: 65;    
    --main-theme-color-saturation: 55.2%;    
    --main-theme-color-lightness: 47.3%;

    --navigation-border: none;
    --navigation-background-color: #1B3538;
    --navigation-background-color-hue: 186;
    --navigation-background-color-saturation: 34.9%;
    --navigation-background-color-lightness: 16.3%;
    --navigation-text-color: #FFF;
    --navigation-secondary-text-color: #FFF;
    --navigation-icon-background-color: #004864;
    --navigation-icon-alert-color: #004864;
    --navigation-icon-hover-color: #AFBB36;
    --navigation-icon-hover-background-color: #000;
    --navigation-icon-selected-color: #AFBB36;
    --navigation-usericon-hover-color: #1B3538;
    --navigation-menu-color: #1B3538;
    --navigation-menu-border-color: #1B3538;
    --navigation-appicon-color: #1B3538;


    /*************** Logos ***************/
    --logo-header-image: url(../img/engage-logo.png?1683204567199);
    --logo-header-image-retina: url(../img/engage-logo-retina.png?1683204567199);
    --logo-small-image: url(../img/engage-logo-small.png?1683204567199);
    --logo-small-image-retina: url(../img/engage-logo-small-retina.png?1683204567199);

    --logo-header-width-full: 86px;
    --logo-header-width-collapsed: 86px;
    --logo-mobile-width: 72px;
}