$black:              #000000;
$white:              #ffffff;

$font-heading-weight: var(--font-heading-weight);
$font-standard-weight: var(--font-standard-weight);

$font-heading:      var(--font-heading);
$font-standard:     var(--font-standard);
$body-font-size:      var(--body-font-size);
$font-small:  14px;
$font-medium: 17px;
$font-bold: 300;
$size-h1:     var(--size-h1);
$size-h2:     var(--size-h2);
$size-h3:     var(--size-h3);
$size-h4:     var(--size-h4);
$size-h5:     var(--size-h5);
$size-h6:     var(--size-h6);
$top-font-size: var(--top-font-size);
$product-font-size: var(--product-font-size);
$product-price-size: var(--product-price-size);
$product-detail-size: var(--product-detail-size);
$product-detail-title-size: var(--product-detail-title-size);
$font-icon      : 20px;
$font-small-icon: 21px;

/*hamburger menu*/
$ham-bg-color: var(--ham-bg-color);
$ham-bg-hover-color: var(--ham-bg-hover-color);

/* Header */
$header-bg:                   var(--header-bg);
$main-color:                  var(--main-color);
$main-color-text:             var(--main-color-text);
$logo-color:                  var(--logo-color);
$logo-color-hover:            var(--logo-color-hover);
$logo-size:                   var(--logo-size);
$image-height:                var(--image-height);

/* Navigation */
$nav-font-size:                 var(--nav-font-size);
$nav-sub-font-size:             var(--nav-sub-font-size);
$nav-link-color:                var(--nav-link-color);            
$nav-link-hover-color:          var(--nav-link-hover-color);        
$nav-dropdown-background:       var(--nav-dropdown-background);      
$nav-dropdown-link-color:       var(--nav-dropdown-link-color);     
$nav-dropdown-link-hover-color: var(--nav-dropdown-link-hover-color); 
$nav-high-light-color:          var(--nav-high-light-color);         
$label-sale-bg:                 var(--label-sale-bg);                
$label-new-bg:                	var(--label-new-bg);             	
$label-hot-bg:                	var(--label-hot-bg);             	


/* Body */
$body-background-color:        var(--body-background-color);
$body-second-color:            var(--body-second-color);
$hight-light-color:    var(--hight-light-color);
$body-label-deal-color:      var(--body-label-deal-color);
$body-label-deal-background: var(--body-label-deal-background);

$body-label-sale-background: var(--body-label-sale-background);

$body-label-new-background: var(--body-label-new-background);

$body-label-hot-background: var(--body-label-hot-background);

$body-label-bp-color:      var(--body-label-bp-color);
$body-label-bp-background: var(--body-label-bp-background);

$body-general-color:    var(--body-general-color);
$body-light-color:      var(--body-light-color);
$body-title-color:      var(--body-title-color);
$body-link-color:       var(--body-link-color);
$body-active-link-color:       var(--body-active-link-color );
$body-hover-link-color:       var(--body-hover-link-color );
$body-icons-color: var(--body-icons-color );
$body-border-color:     var(--body-border-color);
$body-ratting-color:    var(--body-ratting-color);
$body-ratting-empty-color:var(--body-ratting-empty-color);

$body-title-product:        var(--body-title-product);
$body-price-color:          var(--body-price-color);
$body-price-sale-color:     var(--body-price-sale-color);
$body-price-sold-out-color: var(--body-price-sold-out-color);

$breadcrumb-height:     var(--breadcrumb-height);
$breadcrumb-bg-color:       var(--breadcrumb-bg-color);

/* Footer */
$footer-background-color:  var(--footer-background-color);
$footer-static-text-color: var(--footer-static-text-color);
$footer-link-color:        var(--footer-link-color);      
$footer-hover-color:       var(--footer-hover-color);    
$footer-copyright-bg:      var(--footer-copyright-bg);    
$footer-copyright-color:   var(--footer-copyright-color); 

$button-btn1:         var(--button-btn1);
$button-btn1-txt:     var(--button-btn1-txt);
$button-hover-btn1:     var(--button-hover-btn1);
$button-hover-btn1-txt:   var(--button-hover-btn1-txt);

$button-btn2:         var(--button-btn2);
$button-btn2-txt:     var(--button-btn2-txt);
$button-btn2-border:    var(--button-btn2-border);
$button-hover-btn2:     var(--button-hover-btn2);
$button-hover-btn2-txt:   var(--button-hover-btn2-txt);
$button-hover-btn2-border:  var(--button-hover-btn2-border);

$button-btn3:         var(--button-btn3);
$button-btn3-txt:     var(--button-btn3-txt);
$button-btn3-border:    var(--button-btn3-border);
$button-hover-btn3:     var(--button-hover-btn3);
$button-hover-btn3-txt:   var(--button-hover-btn3-txt);
$button-hover-btn3-border:  var(--button-hover-btn3-border);

$button-btn4-txt:     var(--button-btn4-txt);
$button-hover-btn4-txt:   var(--button-hover-btn4-txt);
$button-btn4-bg:     var(--button-btn4-bg);
$button-btn4_bg_hover:     var(--button-btn4_bg_hover);

$popup-letter-color:  var(--popup-letter-color);

$eu-bg:           var(--eu-bg);
$eu-text-color:       var(--eu-text-color);
$au-accept:         var(--au-accept);
$au-accept-hover:     var(--au-accept-hover);
$au-disagree:       var(--au-disagree);
$au-disagree-hover:     var(--au-disagree-hover);

$topbar-color:  var(--topbar-color);
$topbar-header-color:  var(--topbar-header-color);
$header-bg-color:  var(--header-bg-color);