/*theme1*/
/*css variables*/
:root {
    /*colors*/
    --muted: #999;
    --dark: #222;
    --basic: #555;
    --light-basic: #666;
    --white: #ffffff;
    --black: #000000;
    --orange: #ff8652;
    --yellow: #fcde77;
    --light-blue: #f7f8f9;
    --dark-blue: #242741;
    --green: #2cbe15;
    --light-green: #f0f8ff;
    --grey: #727479;
    --blue: #3761e9;
    --blue-hover: #1c4ade;
    --marine: #57b6b6;
    --stroke: #e9edf1;

    --maxwidth: 1344px;
    --maxwidth-gap: 20px;

    --fs-base: 16px;
    --font-h1: 500;
    --font-family: "Roboto", sans-serif;
    
    /*Styles Template*/
    --color-text-default: #000;
   
    --color-header-bg: #fff;
    --color-header-bg-auth-popup: #525c70;
    --color-header-bg-basket-popup: #525c70;
    --color-header-slogan: #666;
    --color-header-phone: #666;
    --color-header-link: #222;
    --color-link: var(--blue);
    --color-link-secondary: #3395D5;
    --color-footer-bg: #2f3338;
    --color-footer-link: #aeb9cc;

    /*Styles Components*/
    --color-leftmenu-section-list-border: #ddd;
    --color-leftmenu-section-list-link: var(--color-link-secondary);

}