:root {
  --font-body: Helvetica, Arial, sans-serif;
  --font-secondary: Helvetica, Arial, sans-serif;
  --font-generic: Helvetica, Arial, sans-serif;
  --font-headline: 'Times New Roman', serif;
  --font-size-footer: 14px;
  --font-size-pdp-title: 2.25rem;
  --line-height-pdp-title: 2.5rem;
  --color-bg: #ffffff;
  --color-black: #000000;
  --color-body: #333333;
  --color-button-sku: #a6a6a6;
  --color-error: #b00020;
  --color-error-light: #b00020;
  --color-facebook: #1877f2;
  --color-foreground: #000000;
  --color-green: #70b000;
  --color-primary: #666666;
  --color-primary-100: #f9f9f9;
  --color-primary-150: #f5f5f5;
  --color-primary-160: #f4f4f4;
  --color-primary-200: #eeeeee;
  --color-primary-250: #c9c9c9;
  --color-primary-300: #aaaaaa;
  --color-primary-900: #212121;
  --color-secondary: #000000;
  --color-secondary-200: #aaaaaa;
  --color-secondary-500: #d4d4d4;
  --color-gray-65: #e5e5e5;
  --color-separator: #d4d4d4;
  --color-success: #087443;
  --color-success-contrast: #518000;
  --color-warning: #c28513;
  --color-white: #ffffff;
  --color-mobile-footer: var(--color-primary-150);
  --color-footer-bg: #ffffff;
  --color-footer-border-top: var(--color-separator);
  --color-footer-text: #5c5c5c;
  --color-mobile-footer-bg: var(--color-white);
  --color-lock-icon: var(--color-footer-text);
  --color-a11y-icon: var(--color-footer-text);
  --color-a11y-icon-bg: var(--color-gray-65);
  --max-width-page: '1024px';
  --letter-spacing-primary: 0.4px;
  --color-body-minimal-bg: var(--color-primary-150);
  --color-header: var(--color-white);
  --color-header-border-bottom: var(--color-separator);
  --color-copyright: #a3a3a3;
  --copyright-font-size: var(--font-size-footer);
  --color-off-black: #221F20;
  --color-secure-text: var(--color-footer-text);
  --font-weight-secure-text: 600;
  --footer-links-text-transform: unset;
  --font-size-secure-text: var(--font-size-footer);
  --text-transform-secure-text: unset;

  /* input fields */
  --input-height: 48px;
  --input-padding: 12px 16px;
  --input-background: var(--color-white);
  --input-disabled-background: #E9E9E9;
  --input-disabled-color: #616161;
  --input-disabled-border: #aaaaaa;

  /* Add to Bag Button */
  --color-add-to-bag-bg: #000;
  --color-add-to-bag-bg-hover: #424242;
  --color-add-to-bag-text: #fff;
  --color-add-to-bag-bg-disabled: #808080;
  --color-add-to-bag-text-disabled: #fff;

  /* Product Card */
  --color-product-card-badge-border: #000;
  --color-product-card-badge-text-hover: #4b4b4b;
  --color-product-card-bg: #ffffff;
  --color-product-card-image-bg: transparent;
  --color-product-card-shade-title: #000;
  --color-product-card-price-strikethrough: #dc2626;
  --color-product-card-inventory-status-text: #000;
  --max-width-product-card-img: 185px;
  --width-product-card-shade-slider-container: 180px;

  /* Review Stars */
  --color-review-total-text: #000;
  --star-color: #ffffff;
  --star-size: 1rem;
  --star-background: var(--color-primary);

  /* Quickshop Related Settings */
  --max-width-quickshop-modal: 1200px;
  --width-quickshop-modal: 96%;
  --width-slider-dot: 7px;
  --height-slider-dot: 7px;
  --width-slider-dot-button: 20px;
  --height-slider-dot-button: 20px;
  --height-quickshop-button: 30px;

  /* Carousel Slider */
  --width-carousel-thumbnail: 98px;
  --height-carousel-thumbnail: 130px;
  --width-carousel-image: 333px;
  --height-carousel-image: 444px;
  --product-grid-arrow-left-mobile: 1rem;
  --product-grid-arrow-right-mobile: 1rem;

  /* Icons */
  --width-icon: 20px;
  --height-icon: 20px;

  --border-radius: 0;
  --input-border-radius: var(--border-radius);
  --btn-border-radius: var(--border-radius);

  /* Settings */
  --screen-md-width: 45.5rem;
  --screen-lg-width: 61.5rem;
  --screen-xl-width: 77.5rem;
  --screen-2xl-width: 87.5rem;

  --pincer-swiper-pagination-margin-top: initial;

  --height-logo-header: 100%;
  --width-logo-header-lg: 12rem;
  --width-logo-header: 8rem;
  --minimal-header-height: 3.5rem;
  --mobile-minimal-header-height: 2.2rem;

  /* Vulcan Blocks - Drupal */
  --drupal-section-max-width: 1200px;
  --drupal-section-margin: auto;

  /*Live Person engagements */
  --live-person-all-z-index: 107158;
  --live-person-proactive-z-index: 107159;

}