:root {
  --body-font: Jost;
  --alt-font: Jost;

  --font_size: 18px;
  --font_size_minus1: 17px;
  --font_size_minus2: 16px;
  --font_size_minus3: 15px;
  --font_size_minus4: 14px;
  --font_size_minus5: 13px;

  --body-line-height: 32px;
  --body-font-weight: 400;

  --header-bg-color: #ffffff;
  --header-hover-bg-color: #ffffff;
  --menu-text-color: #262626;
  --menu-text-hover-color: #262626;
  --menu-open-text-color: #262626;
  --sub-menu-text-color: #808080;
  --count-bg-color: #262626;
  --count-number-color: #ffffff;
  --addon-text-color: #ffffff;
  --addon-text-title-color: rgba(255, 255, 255, 0.7);
  --addon-text-hover-color: #ffffff;
  --menu-open-child-link-color: rgba(38, 38, 38, 0.5);
  --logo-separator-color: rgba(38, 38, 38, 0.3);

  --search-bg-color: #ffffff;
  --search-close-icon-color: #262626;
  --search-icon-color: #262626;
  --search-input-text-color: #262626;
  --search-input-placeholder-color: rgba(38, 38, 38, 0.5);
  --search-title-color: #262626;
  --search-input-border-color: #262626;
  --search-input-bg-color: #ffffff;

  --logo-width-desktop: 85px;
  --logo-width-mobile: 55px;
  --header-height-default: 0;
  --miniheader-height-default: 0;

  --container: 1310px;
  --container-fluid: 1680px;
  --container-fluid-offset: 15px;

  --box-layout-width: 1280px;

  --base-color: #000000;
  --body-text-color: #808080;
  --body-bg-color: #ffffff;
  --dark-color: #262626;
  --white-color: #ffffff;
  --extra-medium-gray: #e4e4e4;
  --very-light-gray: #f7f7f7;
  --red: #da3f3f;
  --green: #16b36e;

  --sale-label-color: #ffffff;
  --sale-label-bg-color: #135d41;
  --new-label-color: #ffffff;
  --new-label-bg-color: #16b36e;
  --sold-out-label-color: #ffffff;
  --sold-out-label-bg-color: #da3f3f;
  --pre-order-label-color: #ffffff;
  --pre-order-bg-color: #eb8541;

  --h1-font-size: 70px;
  --h2-font-size: 55px;
  --h3-font-size: 45px;
  --h4-font-size: 38px;
  --h5-font-size: 32px;
  --h6-font-size: 28px;

  --h1-line-height: 70px;
  --h2-line-height: 55px;
  --h3-line-height: 45px;
  --h4-line-height: 38px;
  --h5-line-height: 32px;
  --h6-line-height: 28px;

  --heading-font-weight: 500;

  --heading-color: #262626;
  --sub-heading-color: #262626;
  --section-heading-size: 35px;
  --section-heading-line-height: 40px;
  --section-sub-heading-size: 18px;
  --section-sub-heading-line-height: 30px;
  --section-sub-heading-ls: 0px;

  --custom-btn-text-color: #fff;
  --custom-btn-text-hover-color: #262626;
  --custom-btn-bg-color: #262626;
  --custom-btn-bg-hover-color: #ffffff;
  --custom-btn-border-color: #ffffff;
  --custom-btn-border-hover-color: #fff;

  --font-weight-100: 100;
  --font-weight-200: 200;
  --font-weight-300: 300;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --font-weight-800: 800;
  --font-weight-900: 900;
}