:root {

    --c-grey-02: #a2a2a2;
    --c-grey-03: #c1c1c1;
    --c-grey-04: #e4e4e4;
    --c-grey-05: #f5f5f5;

    --c-black-01: #808080;
    --c-black-00: #404040;
    --c-white-05: #ffffff;

    --c-sand-04: #fbf9f3;

    --c-olive-04: #e6e8dd;
    --c-olive-03: #d6d8cd;
    --c-olive-02: #6b7538;

    --c-red-03: #EF1F1F;

    --c-warning-red: var(--c-red-03);

    --c-gisOrange: rgb(230, 136, 87);
    --c-gisGreen: rgb(179, 187, 93);
    --c-gisBlue: #7697AE;
    --c-transparent: rgba(0,0,0,0);

    --ws-paddings: 10px;
    --ws-gap: 10px;

    --app-logo-paddings: 10px;

    --menu-group-paddings: 10px;
    --menu-item-width: 40px;
    --menu-item-height: 40px;
    --menu-item-border-radius: 3px;
    --menu-icon-width: 20px;
    --menu-icon-height: 20px;
    --menu-gis-width: 30px;
    --menu-gis-height: 30px;

    --dialog-border-radius: 5px;

    --map-paddings: 5px;
    --srch-paddings: 15px;
    --dialog-paddings: 8px;

    --nav-width: 75px;
    --max-nav-width: 75px;
    --min-nav-width: 50px;
    --max-rpanel-width: min(40vw, 450px);

    --map-style-width: 65px;
    --map-style-height: 48px;
    --map-style-padding: 4px;

    --trans-ease: 0.2s ease-in-out;
    --trans-func: 0.7s cubic-bezier(0.68, 0.1, 0, 1);
}