:root {
    /*************** Palette ***************/
    --main-theme-color: #1c6218;
    --main-theme-color-hue: 117;    
    --main-theme-color-saturation: 60.7%;    
    --main-theme-color-lightness: 23.9%;

    --navigation-border: 2px solid #9fa3a3;
    --navigation-background-color: #f0dde7;
    --navigation-background-color-hue: 328;
    --navigation-background-color-saturation: 38.8%;
    --navigation-background-color-lightness: 90.4%;
    --navigation-text-color: #091620;
    --navigation-secondary-text-color: #091620;
    --navigation-icon-background-color: #10181a;
    --navigation-icon-alert-color: #e0e0e0;
    --navigation-icon-hover-color: #f0dde7;
    --navigation-icon-hover-background-color: #1c6218;
    --navigation-icon-selected-color: #1c6218;
    --navigation-usericon-hover-color: #1c6218;
    --navigation-menu-color: #1c6218;
    --navigation-menu-border-color: #1c6218;
    --navigation-appicon-color: #091620;


    /*************** Logos ***************/
    --logo-header-image: url(../img/acr-ltd-logo.png?1760617415249);
    --logo-header-image-retina: url(../img/acr-ltd-logo-retina.png?1760617415249);
    --logo-small-image: url(../img/acr-ltd-logo-small.png?1760617415249);
    --logo-small-image-retina: url(../img/acr-ltd-logo-small-retina.png?1760617415249);

    --logo-header-width-full: 150px;
    --logo-header-width-collapsed: 150px;
    --logo-mobile-width: 46px;
}