:root {

  /** FONTS **/
  --font-family-ffmeta: 'Aveda Sans', Arial, Verdana, sans-serif;
  --font-body: var(--font-family-primary);
  --font-secondary: var(--font-family-secondary);
  --font-button: var(--font-family-secondary);
  --font-headline: var(--font-body);
  --font-size-pdp-title: 2.25rem;
  --line-height-pdp-title: 2.5rem;

  --text-sm-4:     .6875rem;
  --text-sm-3:     .75rem;
  --text-sm-2:     .875rem;
  --text-sm-1:     .9375rem;

  --text-lg-1:     1.063rem;
  --text-lg-2:     1.125rem;
  --text-lg-3:     1.25rem;
  --text-lg-4:     1.5rem;
  --text-lg-5:     1.875rem;
  --text-lg-6:     2.25rem;
  --text-lg-7:     2.625rem;
  --text-lg-8:     3rem;
  --text-lg-9:     3.375rem;

  /** COLOR **/
  --color-bg: var(--color-neutral-white, #fff);
  --color-footer-bg: var(--secondary-container, #143c28);
  --color-sticky-footer-bg: var(--secondary-container-variant, #5F7C5F);
  --color-body: var(--primary-default, #120e02);
  --color-button-sku: var(--secondary-container, #fff);
  --color-button-cta: #687233;
  --color-button-disabled: #4b4b4b;
  --color-primary: var(--primary-default, #120e02);
  --color-primary-100: var(--color-brand-1-50, #f4f2ee);
  --color-primary-200: var(--color-brand-1-100, #EDEAE4);
  --color-primary-220: #E5E5E5;
  --color-primary-240: #E0E0E0;
  --color-primary-250: #cdcbc9;
  --color-primary-300: #a39e9d;
  --color-primary-400: #A3A3A3;
  --color-primary-600: #757575;
  /* not sure the other secondary colors are relevant...*/
  --color-secondary-300: #f2f2f2;
  --color-secondary-400: #fbf8f6;
  --color-secondary-500: #D4D4D4;
  --color-gray-65: #4d5866;

  --color-error: #a80000;
  --color-warning: #b54708;
  --color-green: #087443;

  --color-surface-low-elevation: var(--color-brand-1-50, #f4f2ee);

  --color-a11y-icon-bg: var(--color-primary-220);

  /** ADD TO BAG **/
  --color-add-to-bag-bg-disabled: #E5E5E5;
  --color-add-to-bag-text-disabled: var(--color-neutral-white, #fff);

  /** SETTINGS **/
  --star-size: 1rem;
  --star-color: #dde4d8;
  --star-background: var(--color-accent-2-500, #009f4d);
  --width-logo-header: 8rem;
  --width-logo-header-lg: 8rem;
  --swiper-pagination-bullet-horizontal-gap: 8px;


  /* Size Chips */
  --padding-size-chip-x: 15px;
  --padding-size-chip-y: 15px;
  --padding-size-chip-x-with-price: 15px;
  --padding-size-chip-y-with-price: 10px;
  --color-size-chip-bg-disabled: var(--color-secondary-300);
  --color-size-chip-text-disabled: #606060;
  --color-size-chip-border: #9E9E9E;
  --width-chip-2-col: 48%;
  --width-chip-3-col: 32%;

  /** WIDTHS **/
  --signup-btn: 7.25rem;

  /** Carousel **/
  --width-carousel-thumbnail: 86px;
  --height-carousel-thumbnail: 100px;
  --width-carousel-image: 296px;
  --height-carousel-image: 100px;

  --pincer-swiper-padding-bottom: 44px;
  --pincer-swiper-margin-bottom: 0px;
  --pincer-swiper-slide-margin-bottom: 0;

  --pincer-swiper-navigation-width: 40px;
  --pincer-swiper-navigation-height: 80px;
  --pincer-swiper-navigation-top-offset: 50%;
  --pincer-swiper-navigation-sides-offset: 0px;
  --pincer-swiper-navigation-background-color: transparent;
  --pincer-swiper-navigation-opacity: 1;
  --pincer-swiper-navigation-font-size: 1.85rem;
  --pincer-swiper-navigation-font-color: var(--color-primary, #120e02);
  --pincer-swiper-navigation-prev-side-offset: 6rem;
  --pincer-swiper-navigation-next-side-offset: 6rem;
  --pincer-swiper-thumbnails-navigation-prev-top: -3px;
  --pincer-swiper-thumbnails-navigation-prev-bottom: unset;
  --pincer-swiper-thumbnails-navigation-prev-left: 1.5rem;
  --pincer-swiper-thumbnails-navigation-next-top: unset;
  --pincer-swiper-thumbnails-navigation-next-right: unset;
  --pincer-swiper-thumbnails-navigation-next-bottom: -30px;
  --pincer-swiper-thumbnails-navigation-next-left: 1.5rem;
  --product-grid-navigation-prev-side-offset: 10px;
  --product-grid-navigation-next-side-offset: 10px;
  --product-grid-navigation-top-offset: 14rem;

  --swiper-pagination-color: var(--color-primary, #120e02);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 16px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #E6E3DD;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;

  /* input fields */
--input-disabled-background: var(--color-brand-1-50, #f4f2ee);
--input-disabled-color: #999999;
--input-disabled-border: var(--color-primary-400);

  /**  Screen width  **/
  --screen-2xl-width: 1440px;
}