:root {
    --menu-width-px: 260px;
    --menu-width-small-px: 70px;
    --color-bg-svg-icon: #E5F3E6;

    /* LIGHT */
    --color-main: #75BF7A;
    --color-main-border: #75BF7A57;
    --color-page-background: #FFF;
    --color-menu-text: #FFF;
    --color-menu-text-selected: #275459;
    --color-menu-hover: #275459;

    --color-login-text: #275459;
    --color-login-focus: #75BF7A;

    --button-primary-bg: #75BF7A;
    --button-primary-bg-hover: #82c587;
    --button-primary-text: #fff;
    --color-range-selected: #75BF7A;
    --color-button-collapse: #75BF7A;

    /* DARK */
    --dark-color-main: #275459;
    --dark-color-main-border: #27545957;
    --dark-color-page-background: #FFF;
    --dark-color-menu-text: #FFF;
    --dark-color-menu-text-selected: #275459;
    --dark-color-menu-hover: #75BF7A;

    --dark-color-login-text: #275459;
    --dark-color-login-focus: #75BF7A;

    --dark-button-primary-bg: #30838C;
    --dark-button-primary-bg-hover: #448f97;
    --dark-button-primary-text: #fff;
    --dark-color-range-selected: #30838C;
    --dark-color-button-collapse: #30838C;

    /* GRADIENT */
    --gradient-deg: 417deg;
    --gradient-color-left: var(--dark-color-main);
    --gradient-color-right: var(--color-main);
    --gradient-color-menu-hover: #75BF7A;
}