$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);
/* $font-icon: 20px;
$font-small-icon: 21px;
$font-small: 14px;
$font-medium: 17px;
$font-bold: 300;
*/

$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);
/* $font-icon: 20px;
$font-small-icon: 21px;
$font-small: 14px;
$font-medium: 17px;
$font-bold: 300;
*/