:root {
    --main-color: #00a7de;
    --main-hover-color: #00b0f0;
    --main-light-color: #dedede;

    --button-color-1: #a7a8aa;
    --button-color-2: #00a7de;

    --button-color-3: #4b4845;
    --button-bg-1: #0084ea;

    --font-color: #231f20;
    --font-color-1: #53565a;
    --font-color-2: #ffffff;
    --font-color-3: #efefef;
    --font-color-4: #5a5a5a;
    --font-color-5: #b6b6b6;
    --font-color-6: #676767;

    --items-font-color-1: #53565a;
    --items-font-color-2: #8d8d8d;
    --items-font-color-3: #676767;

    --font-active-color-1: #00a7de;

    --font-hover-color-1: #231f20;
    --font-hover-color-2: #00b0f0;

    --background-item: #030e1c;
    --background-color-white: #ffffff;

    --icon-color-1: #231f20;


    --backgroud-color-main: #e5e7eb;
    --backgroud-color-shadow: #676767;
    --backgroud-color-light-1: #2e302e;
    --backgroud-color-light-2: #dbdbdb;
    --background-color-grey: #bcbdbf;

    --mobile-font-color-dropdown: #ffffff;

    --box-shadow-catalog: 1px 2px 6px 0px rgba(141, 141, 141, 1);
}