:root {

    /* larghezza container */
    --width1: 1920px; /* >2560px (2440px)*/
    --width2: 1920px; /* 2560px */
    --width3: 1680px; /* 2048px */
    --width4: 1280px; /* 1840px */
    --width5: 1024px; /* 1440px */
    --width6: 100%; /* 1280px */
    
    /* default user */
    
    --menuSpeed1: 0.150s; /* animazione open menu */
    --menuSpeed2: 0.300s; /* animazione opacity open menu */
    --menuSpeed3: 0.450s; /* animazione slide open menu */
    --posSlide1: -100px; /* posizione slide */
    --posSlide2: 100px; /* posizione slide */

    --bodyBgColor1: #fff; /* body bg color */
    --bodyFontColor1: #333; /* body text */
    
    --headerUpperBgColor1: #f33; /* header>upper bg */
    --headerUpperFontColor1: #fff; /* header>upper bg text */
    
    --headerMiddleBgColor1: #fff; /* header>middle bg */
    --headerMiddleFontColor1: #333; /* header>middle text and link */
    --headerMiddleFontColor2: #f33; /* header>middle link hover */
    --headerMiddleBgColor2: #f33; /* header>middle cart bg */
    --headerMiddleFontColor3: #fff; /* header>middle cart text */

    --headerMiddleBgColor3: #fff; /* header>middle account bg */
    --headerMiddleFontColor4: #333; /* header>middle account link */
    --headerMiddleFontColor5: #888; /* header>middle account link hover */
    --headerMiddleBorderColor1: #333; /* header>middle account border color */
    --headerMiddleBorderColor2: #ccc; /* header>middle account separator color */

    --logoHeight1: 40px; /* header>bottom logo height */
    --logoMargin1: 2px; /* header>bottom logo margin top */
    --logoMargin2: 8px; /* header>bottom link margin bottom */
    --logoHeight2: 40px; /* header>bottom logo height mobile */
    --logoMargin3: 2px; /* header>bottom logo margin top mobile */
    --logoMargin4: 8px; /* header>bottom link margin bottom mobile */
    
    --headerBottomBgColor1: #ccc; /* header>bottom menu bg */
    --headerBottomFontColor1: #333; /* header>bottom link */
    --headerBottomFontColor2: #f33; /* header>bottom link hover */
    --headerBottomBgColor2: #f0f0f0; /* header>bottom sub-menu bg */
    --headerBottomFontColor3: #333; /* header>bottom sub-menu text and link */
    --headerBottomFontColor4: #fff; /* header>bottom sub-menu link hover */
    --headerBottomBorderColor1: #d0d0d0; /* header>bottom sub-menu separator */
    --headerBottomBgColor3: #ccc; /* header>bottom menu bg mobile */
    --headerBottomFontColor5: #333; /* header>bottom link mobile */
    --headerBottomFontColor6: #f33; /* header>bottom link hover mobile */
    --headerBottomBorderColor2: #d0d0d0; /* header>bottom menu separator mobile */
    --headerBottomBorderColor3: #d0d0d0; /* header>bottom sub-menu separator mobile */
    
    --footerUpperBgColor1: #f0f0f0; /* footer>upper bg */
    --footerUpperFontColor1: #333; /* footer>upper text and link */
    --footerUpperFontColor2: #fff; /* footer>upper link hover */
    --footerUpperBorderColor1: #d0d0d0; /* footer>upper separator */
    
    --footerBottomBgColor1: #ddd; /* footer>bottom bg */
    --footerBottomFontColor1: #333; /* footer>bottom text */

}