:root {
    /* main */
    --main-color: #271852;
    --main-color-hover: #271852;
    --main-color-light: #f4f4f6;
    --main-font-name: 'Inter';
}

:root {
    /* top-bar */
    --top-bar-background: #f4f4f6;
    --top-bar-border-color: #f4f4f6;
    --top-bar-box-hover-background: #e8e7e9;

    /* header-left */
    --header-left-background: url('/catalog/view/images/head-phone-red.svg') left 4px no-repeat;

    /* header-search */
    --header-search-background: url('/catalog/view/images/head-search-blue.svg') center no-repeat;

    /* .header-acc */
    --header-acc-background: url('/catalog/view/images/head-cheloveyek-off-blue.svg') center no-repeat;
    --header-acc-logged-background: url('/catalog/view/images/head-cheloveyek-on-blue.svg') center no-repeat;

    /* cart icon */
    --cart-icon-background: url('/catalog/view/images/cart-blue.svg') center no-repeat;
    --cart-icon-hover-background: url('/catalog/view/images/cart-blue.svg') center no-repeat;

    /* Logo */
    --logo-background: url('/catalog/view/images/exclusive-farfor-logo.png') no-repeat;
    --logo-background-mobile: url('/catalog/view/images/exclusive-farfor-logo-mobile.png') no-repeat;

    /* main-menu */
    --main-menu-background: #fff;
    --main-menu-border-color: #f4f4f6;
    --main-menu-link-color: #000;
    --main-menu-link-hover-color: #000;
    --main-menu-link-hover-background: #fff;
    --main-menu-text-transform: none;
    --main-menu-link-before-height: 4px;
    --main-menu-link-before-background: #B51904;
    --main-menu-link-before-background: linear-gradient(90deg,rgba(249, 86, 64, 1) 0%, rgba(181, 25, 4, 1) 100%);
    --main-menu-link-before-top: -4px;

    /* footer */
    --footer-background: #f7f7f7;
    --footer-border-size: 5px;
    --footer-border-color: #dedede;

    /* footer-menu */
    --footer-menu-title-color: #271852;
    --footer-menu-link-color: #666667;

    /* acnt-menu */
    --acnt-menu-hover-color: #fff;

    /* envelope icon */
    --envelope-icon-background: url('/catalog/view/images/envelope-red.svg') no-repeat;
}