:root {

  /** FONTS **/
  --font-body: 'CliniqueHelveticaNeueRegular', Arial, Sans-Serif;
  --font-headline: 'CliniqueHelveticaNeue', Arial, Sans-Serif;
  --font-button: var(--font-secondary);
  --font-light: 'CliniqueHelveticaNeueLight', Arial, Sans-Serif;
  --font-secondary: 'CliniqueHelveticaNeueRegular', Arial, Sans-Serif;
  --font-regular: 'CliniqueHelveticaNeueRegular', Arial, Sans-Serif;
  --font-classic: 'CliniqueHelveticaNeueBold', Verdana, Arial, Sans-Serif;
  --font-boldneue: 'CliniqueHelveticaNeueBold',Sans-Serif;
  --font-nittistack: 'Nitti','Courier New',ui-monospace;
 
  --font-size-pdp-title: 3rem;
  --line-height-pdp-title: 2.75rem;

  --text-sm-6:     .625rem;
  --text-sm-5:     .6875rem;
  --text-sm-4:     .75rem;
  --text-sm-3:     .8125rem;
  --text-sm-2:     .875rem;
  --text-sm-1:     .9375rem;

  --text-lg-0_25:  1.063rem;
  --text-lg-0_5:   1.125rem;
  --text-lg-0_75:  1.1875rem;
  --text-lg-1:     1.25rem;
  --text-lg-1_5:   1.375rem;
  --text-lg-2:     1.5rem;
  --text-lg-2_25:  26px;
  --text-lg-2_5:   1.625rem;
  --text-lg-3:     1.75rem;
  --text-lg-3_5:   1.875rem;
  --text-lg-3_65:  2rem;
  --text-lg-3_75:  2.125rem;
  --text-lg-3_85:  2.25rem;
  --text-lg-3_95:  2.375rem;
  --text-lg-4:     2.5rem;
  --text-lg-4_5:   2.625rem;
  --text-lg-4_75:  2.75rem;
  --text-lg-4_85:  3rem;
  --text-lg-5:     3.125rem;
  --text-lg-5_25:  3.25rem;
  --text-lg-6:     3.625rem;
  --text-lg-6_25:  3.75rem;
  --text-lg-6_5:   4rem;
  --text-lg-6_75:  4.125rem;
  --text-lg-7:     4.375rem;
  --text-lg-7_5:   5rem;
  --text-lg-8:     5.5rem;

  /** COLOR **/
  --color-body: #1e1e1e;
  --color-button-sku: #000000;
  --color-primary: #ffffff;
  --color-primary-75: #ffffffbf;
  --color-primary-100: #fafafd;
  --color-primary-200: #f4f2ee;
  --color-primary-250: #F5F5F5;
  --color-primary-300: #F6F6F6;
  --color-primary-400: #bdbdbd;
  --color-primary-550: #666666;
  --color-primary-800: #262626;
  --color-secondary-50: #e6e6e6;
  --color-secondary-100: #FAFAFA;
  --color-secondary-150: #858585;
  --color-secondary-200: #706B6A;
  --color-secondary-300: #515254;
  --color-secondary-350: #cccccc;
  --color-secondary-400: #999;
  --color-secondary-500: #3f3f3f;
  --color-secondary-550: #222222;
  --color-secondary-600: #212121;
  --color-secondary-700: #1A1A1A;
  --color-secondary-800: #050505;
  --color-secondary-900: #666;
  --color-red-50: #ef6ea8;
  --color-red-100: #ba0000;
  --color-red-150: #DD0000;
  --color-gray-50: #525252;
  --color-gray-100: #262626;
  --color-product-card-image-bg: #EEE;
  --color-button-hover: var(--color-gray-100);
  --color-lime: #adddb7;
  --color-body-minimal-bg: #FAFAFA;

  /* input fields */
  --input-disabled-background: var(--color-secondary-100);
  --input-disabled-color:var(--color-secondary-400);
  --input-disabled-border: #a3a3a3;

  /** SETTINGS **/
  --star-size: 1.0rem;
  --star-color: #C4C4C4;
  --star-background: #010101;
  --max-width-screen-3xl: 120rem;
  --live-chat-button-bg: #cadcc2;
  --color-live-chat-button-text: #000000;
  --color-success-text: #22b322;
  --color-error: var(--color-red-150);
  --max-width-collection-grid: 1920px;
  --max-width-quickshop-modal: 1016px;
  --brand-logo-loyalty: url("/tenant-web/brands/clinique/clinique_loyalty_logo.svg");
  --width-logo-header: 6.875rem;
  --width-logo-header-lg: 6.875rem;
  --color-header-fg: #000000;
  --color-footer-bg: var(--color-primary);
  --color-mobile-footer-bg: var(--color-primary);

  /** WIDTH **/
  --width-carousel-image: 85vw;

  /** Minimal Footer **/
  --font-size-footer: 14px;
  --color-footer-text: var(--color-secondary-700);
  --color-copyright: var(--color-primary-550);

  --mobile-minimal-header-height: 56px;

  /** Carousel **/
  --pincer-swiper-padding-bottom: 0px;
  --pincer-swiper-margin-bottom: 0;
  --pincer-swiper-slide-margin-bottom: 0;

  --pincer-swiper-navigation-width: 40px;
  --pincer-swiper-navigation-height: 40px;
  --pincer-swiper-navigation-top-offset: 40%;
  --pincer-swiper-navigation-sides-offset: 0.25rem;
  --pincer-swiper-navigation-background-color: transparent;
  --pincer-swiper-navigation-opacity: 1;
  --pincer-swiper-navigation-font-size: 1.3rem;
  --pincer-swiper-navigation-font-color: #000000;
  --pincer-swiper-navigation-prev-side-offset: -2rem;
  --pincer-swiper-navigation-next-side-offset: -1.75rem;
  --product-grid-navigation-prev-side-offset: 1rem;
  --product-grid-navigation-next-side-offset: 1rem;
  --product-grid-arrow-left-mobile: 1rem;
  --product-grid-arrow-right-mobile: 1rem;
  --pincer-swiper-arrow-left-mobile: 1rem;
  --pincer-swiper-arrow-right-mobile: 2.7rem;
  --product-grid-navigation-top-offset: 50%;
  --pincer-swiper-thumbnails-navigation-prev-top: 20px;
  --pincer-swiper-thumbnails-navigation-prev-bottom: unset;
  --pincer-swiper-thumbnails-navigation-prev-left: 2rem;
  --pincer-swiper-thumbnails-navigation-next-top: unset;
  --pincer-swiper-thumbnails-navigation-next-right: unset;
  --pincer-swiper-thumbnails-navigation-next-bottom: 0;
  --pincer-swiper-thumbnails-navigation-next-left: 2rem;

  --swiper-pagination-color: #000;
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 0;
  --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: #CCC;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  --checkbox-label-padding-inline-end: 30px;
  --live-person-all-z-index: 11;
  --live-person-proactive-z-index: 12;
}