.elc-checkout,
.elc-responsive-modal {
  --header-font-family: var(--font-headline);
  --main-font-family: var(--font-body);

  /* Default checkout vars */
  --text-color-strong: var(--color-black);
  --text-color-medium: #525252;
  --text-color-light: #A3A3A3;

  --checkout-default-font-size: var(--text-base);
  --checkout-default-line-height: 20px;
  --checkout-default-letter-spacing: 0.07px;
  --checkout-default-font-weight: 400;

  --messaging-font-size: 12px;
  --mobile-cta-button-container-background-color: var(--color-primary100);
  --price-with-discount-line-through-color: var(--text-color-strong);

  /*------------------------- DELIVERY PAGE -------------------------*/

  /* Progress bar vars ----------------------------------------------*/
  --progress-bar-font-family: var(--main-font-family);
  --progress-bar-font-size: 18px;
  --progress-bar-font-weight: 400;
  --progress-bar-line-height: 22px;
  --progress-bar-letter-spacing: normal;
  --progress-bar-color: var(--text-color-light);
  --progress-bar-line-bg-color: var(--color-gray-65);
  --progress-bar-line-active-bg-color: var(--progress-bar-active-color);
  --progress-bar-active-font-weight: 400;
  --progress-bar-active-color: var(--color-primary-900);
  --progress-bar-text-transform: none;

  /* Disclaimer text vars -------------------------------------------*/
  --disclaimer-text-font-family: var(--main-font-family);
  --disclaimer-text-color: var(--text-color-medium);
  --disclaimer-text-font-size: 12px;
  --disclaimer-text-font-weight: 400;
  --disclaimer-text-line-height: 18px;
  --disclaimer-text-letter-spacing: var(--checkout-default-letter-spacing);

  
  /* Delivery Option tabs vars --------------------------------------*/
  --delivery-options-tabs-background-color: var(--color-white);
  --delivery-options-tabs-color: var(--text-color-medium);
  --delivery-options-tabs-font-family: var(--main-font-family);
  --delivery-options-tabs-font-size: var(--checkout-default-font-size);
  --delivery-options-tabs-font-weight: 400;
  --delivery-options-tabs-letter-spacing: var(--checkout-default-letter-spacing);
  --delivery-options-tabs-line-height: var(--checkout-default-line-height);

  --delivery-options-tabs-active-font-weight: 700;
  --delivery-options-tabs-subtitle-color: var(--text-color-medium);
  --delivery-options-tabs-active-color: var(--text-color-strong);
  --delivery-options-tabs-subtitle-active-color: var(--text-color-strong);

  /* Section container vars -----------------------------------------*/
  --section-container-background-color: var(--color-white);

  /* Section label vars ---------------------------------------------*/
  --section-label-font-family: var(--main-font-family);
  --section-label-font-size: 16px;
  --section-label-font-weight: 600;
  --section-label-line-height: 24px;
  --section-label-letter-spacing: normal;
  --section-label-text-transform: uppercase;
  --section-label-text-color: var(--text-color-strong);

  /* Accordion header */
  --accordion-label-color: var(--section-label-text-color);
  --accordion-label-font-family: var(--section-label-font-family);
  --accordion-label-font-size: var(--section-label-font-size);
  --accordion-label-font-weight: var(--section-label-font-weight);
  --accordion-label-line-height: var(--section-label-line-height);
  --accordion-label-letter-spacing: var(--section-label-letter-spacing);
  --accordion-label-text-transform: var(--section-label-text-transform);

  /* Address vars ---------------------------------------------------*/
  --address-font-family: var(--main-font-family);
  --address-color: var(--text-color-strong);
  --address-font-size: var(--checkout-default-font-size);
  --address-font-weight: 400;
  --address-line-height: var(--checkout-default-line-height);
  --address-letter-spacing: var(--checkout-default-letter-spacing);

  --address-first-line-font-family: var(--address-font-family);
  --address-first-line-font-size: var(--address-font-size);
  --address-first-line-font-weight: 600;
  --address-first-line-line-height: var(--address-line-height);
  --address-first-line-letter-spacing: var(--address-letter-spacing);
  --address-first-line-text-transform: none;

  --address-description-color: var(--text-color-medium);
  --address-default-label-background-color: var(--color-primary-150);
  --address-default-label-color: var(--text-color-strong);

  /* Shipping method vars -------------------------------------------*/
  --shipping-method-font-family: var(--main-font-family);
  --shipping-method-color: var(--text-color-strong);
  --shipping-method-font-size: var(--checkout-default-font-size);
  --shipping-method-font-weight: 600;
  --shipping-method-line-height: var(--checkout-default-line-height);
  --shipping-method-letter-spacing: var(--checkout-default-letter-spacing);

  --shipping-method-name-text-transform: none;

  --shipping-method-number-of-days-color: var(--text-color-medium);
  --shipping-method-number-of-days-font-family: var(--shipping-method-font-family);
  --shipping-method-number-of-days-font-weight: 400;
  --shipping-method-number-of-days-letter-spacing: var(--checkout-default-letter-spacing);

  --shipping-method-price-font-weight: var(--shipping-method-font-weight);
  --shipping-method-price-text-transform: uppercase;

  --shipping-method-price-without-discount-color: var(--text-color-medium);
  --shipping-method-price-without-discount-font-weight: 500;
  --shipping-method-price-without-discount-text-decoration-color: var(--price-with-discount-line-through-color);

  /* Gift wrap section vars ---------------------------------------*/
  --gift-wrap-price-font-size: var(--checkout-default-font-size);
  --gift-wrap-price-font-weight: 700;
  --gift-wrap-price-letter-spacing: var(--checkout-default-letter-spacing);
  --gift-wrap-price-text-tranform: uppercase;

  /* Privacy notice text vars ---------------------------------------*/
  --privacy-notice-text-color: var(--text-color-strong);
  --privacy-notice-text-font-size: var(--checkout-default-font-size);
  --privacy-notice-text-font-weight: 400;
  --privacy-notice-text-line-height: var(--checkout-default-line-height);
  --privacy-notice-text-letter-spacing: var(--checkout-default-letter-spacing);

  /* Order summary vars ---------------------------------------------*/
  --order-summary-font-family: var(--main-font-family);
  --order-summary-color: var(--text-color-medium);
  --order-summary-font-size: var(--checkout-default-font-size);
  --order-summary-font-weight: 400;
  --order-summary-line-height: var(--checkout-default-line-height);
  --order-summary-letter-spacing: var(--checkout-default-letter-spacing);

  --order-summary-total-price-color: var(--text-color-strong);
  --order-summary-total-price-font-family: var(--order-summary-font-family);
  --order-summary-total-price-font-weight: 600;
  --order-summary-total-price-text-transform: none;

  --order-summary-discounted-price-color: var(--order-summary-total-price-color);

  --order-summary-offer-code-font-family: var(--main-font-family);
  --order-summary-offer-code-color: var(--color-success-contrast);
  --order-summary-offer-code-font-size: 12px;
  --order-summary-offer-code-font-weight: 400;
  --order-summary-offer-code-line-height: 18px;
  --order-summary-offer-code-letter-spacing: var(--checkout-default-letter-spacing);

  /* afterpay, klarna */
  --paragraph-message-color: var(--text-color-medium);
  --paragraph-message-font-size: var(--text-base);
  --paragraph-message-line-height: 20px;

  /* Shopping bag vars ----------------------------------------------*/
  /* product name */
  --shopping-bag-cart-item-name-font-family: var(--main-font-family);
  --shopping-bag-cart-item-name-color: var(--text-color-strong);
  --shopping-bag-cart-item-name-font-size: var(--checkout-default-font-size);
  --shopping-bag-cart-item-name-font-weight: 600;
  --shopping-bag-cart-item-name-line-height: var(--checkout-default-line-height);
  --shopping-bag-cart-item-name-letter-spacing: var(--checkout-default-letter-spacing);
  --shopping-bag-cart-item-name-text-transform: none;

  /* product description */
  --shopping-bag-cart-item-description-font-family: var(--main-font-family);
  --shopping-bag-cart-item-description-color: var(--text-color-medium);
  --shopping-bag-cart-item-description-font-size: var(--checkout-default-font-size);
  --shopping-bag-cart-item-description-font-weight: 400;
  --shopping-bag-cart-item-description-line-height: var(--checkout-default-line-height);
  --shopping-bag-cart-item-description-letter-spacing: var(--checkout-default-letter-spacing);

  /* subproduct name */
  --shopping-bag-cart-item-subproduct-name-color: var(--text-color-medium);
  --shopping-bag-cart-item-subproduct-name-display: block;
  --shopping-bag-cart-item-subproduct-name-font-weight: var(--checkout-default-font-size);

  /* product price */
  --shopping-bag-cart-item-price-font-family: var(--main-font-family);
  --shopping-bag-cart-item-price-color: var(--text-color-strong);
  --shopping-bag-cart-item-price-font-size: 16px;
  --shopping-bag-cart-item-price-font-weight: 400;
  --shopping-bag-cart-item-price-line-height: var(--checkout-default-line-height);
  --shopping-bag-cart-item-price-letter-spacing: var(--checkout-default-letter-spacing);

  --shopping-bag-cart-item-initial-price-color: var(--shopping-bag-cart-item-price-color);
  --shopping-bag-cart-item-initial-price-font-weight: var(--shopping-bag-cart-item-price-font-weight);
  --shopping-bag-cart-item-initial-price-text-decoration-color: var(--price-with-discount-line-through-color);

  --shopping-bag-cart-item-total-price-font-weight: 600;

  /* Gift wrap vars ------------------------------------------------*/
  --gift-wrap-subtitle-font-size: 14px;
  --gift-wrap-subtitle-font-weight: 600;
  --gift-wrap-subtitle-letter-spacing: var(--checkout-default-letter-spacing);

  /* UPS Address Validation vars ---------------------------------------------*/
  --ups-address-validation-title-font-family: var(--main-font-family);
  --ups-address-validation-title-font-size: 22px;
  --ups-address-validation-title-font-weight: 600;
  --ups-address-validation-title-letter-spacing: 0;
  --ups-address-validation-title-color: var(--color-primary-900);
  --ups-address-validation-line-height: 22px;
  --ups-address-validation-detail-font-size: 14px;
  --ups-address-validation-button-font-size: 16px;
  --ups-address-validation-success-highlight-color: rgba(0, 86, 0, 0.15);
  --ups-address-validation-warning-highlight-color: rgba(145, 25, 13, 0.15);

  /* User email vars ------------------------------------------------*/
  --user-email-color: var(--text-color-strong);
  --user-email-font-size: 16px;
  --user-email-font-weight: 400;
  --user-email-line-height: 24px;
  --user-email-letter-spacing: normal;

  /* Logout link */
  --user-logout-color: var(--text-color-strong);
  --user-logout-font-size: 16px;
  --user-logout-font-weight: 400;
  --user-logout-text-decoration: underline;
  --user-logout-text-transform: capitalize;


  /* Our guarantee vars ---------------------------------------------*/
  /* title */
  --out-guarantee-title-font-family: var(--main-font-family);
  --out-guarantee-title-color: var(--text-color-strong);
  --out-guarantee-title-font-size: var(--checkout-default-font-size);
  --out-guarantee-title-font-weight: 600;
  --out-guarantee-title-line-height: var(--checkout-default-line-height);
  --out-guarantee-title-letter-spacing: var(--checkout-default-letter-spacing);
  --out-guarantee-title-text-transform: none;

  /* body */
  --out-guarantee-body-font-family: var(--main-font-family);
  --out-guarantee-body-color: var(--text-color-strong);
  --out-guarantee-body-font-size: var(--checkout-default-font-size);
  --out-guarantee-body-font-weight: 400;
  --out-guarantee-body-line-height: var(--checkout-default-line-height);
  --out-guarantee-body-letter-spacing: var(--checkout-default-letter-spacing);

  /* Helpful links vars ---------------------------------------------*/
  --helpful-links-text-color: var(--text-color-strong);
  --helpful-links-text-font-size: var(--checkout-default-font-size);
  --helpful-links-text-font-weight: 400;
  --helpful-links-text-line-height: var(--checkout-default-line-height);
  --helpful-links-text-letter-spacing: var(--checkout-default-letter-spacing);

  /* Same Day Delivery styles ---------------------------------------*/
  --same-day-delivery-section-color: var(--text-color-strong);
  --same-day-delivery-section-font-size: var(--checkout-default-font-size);
  --same-day-delivery-section-font-weight: 600;
  --same-day-delivery-section-line-height: var(--checkout-default-line-height);
  --same-day-delivery-section-letter-spacing: var(--checkout-default-letter-spacing);

  /* Bopis Delivery styles ------------------------------------------*/
  --same-day-delivery-tout-background-color: var(--color-primary-150);

  /* bopis store list */
  --bopis-store-list-background-color: var(--color-white);
  --bopis-store-list-border-color: var(--color-separator);

  /* bopis store card */
  --bopis-store-card-background-color: var(--color-white);
  --bopis-store-card-border-radius: 0;

  /* bopis store title */
  --bopis-store-title-font-family: var(--main-font-family);
  --bopis-store-title-color: var(--text-color-strong);
  --bopis-store-title-font-size: 16px;
  --bopis-store-title-font-weight: 600;
  --bopis-store-title-line-height: 20px;
  --bopis-store-title-letter-spacing: var(--checkout-default-letter-spacing);
  --bopis-store-title-text-transform: none;

  /* bopis store body */
  --bopis-store-body-font-family: var(--main-font-family);
  --bopis-store-body-color: var(--text-color-medium);
  --bopis-store-body-font-size: var(--checkout-default-font-size);
  --bopis-store-body-font-weight: 400;
  --bopis-store-body-line-height: var(--checkout-default-line-height);
  --bopis-store-body-letter-spacing: var(--checkout-default-letter-spacing);

  /* bopis store button */
  --bopis-store-custom-button-color: var(--text-color-strong);
  --bopis-store-custom-button-font-size: var(--checkout-default-font-size);
  --bopis-store-custom-button-font-weight: 600;
  --bopis-store-custom-button-line-height: 18px;
  --bopis-store-custom-button-letter-spacing: 1.68px;
  --bopis-store-custom-button-text-decoration: none;
  --bopis-store-custom-button-text-transform: uppercase;

  /* bopis store more locations button */
  --bopis-store-more-locations-button-color: var(--text-color-strong);
  --bopis-store-more-locations-button-font-size: 14px;
  --bopis-store-more-locations-button-font-weight: 700;
  --bopis-store-more-locations-button-letter-spacing: 1.68px;
  --bopis-store-more-locations-button-line-height: 18px;
  --bopis-store-more-locations-button-text-transform: none;

  /* bopis store availability text */
  --bopis-store-availability-text-font-size: var(--checkout-default-font-size);
  --bopis-store-availability-text-font-weight: 600;
  --bopis-store-availability-text-letter-spacing: var(--checkout-default-letter-spacing);
  --bopis-store-availability-text-line-height: var(--checkout-default-line-height);

  /* bopis edit bag modal */
  --bopis-edit-bag-subtitle-color: var(--text-color-medium);

  --bopis-edit-bag-options-title-color: var(--section-label-text-color);
  --bopis-edit-bag-options-title-font-size: var(--section-label-font-size);
  --bopis-edit-bag-options-title-font-weight: var(--section-label-font-weight);
  --bopis-edit-bag-options-title-letter-spacing: var(--section-label-letter-spacing);
  
  /*------------------------- PAYMENT PAGE --------------------------*/

  /* Gift card vars -------------------------------------------------*/
  --gift-card-disabled-backgroud-color: #f6f6f6;

  --gift-card-disabled-text-color: var(--text-color-medium);
  --gift-card-disabled-text-font-size: 12px;
  --gift-card-disabled-text-font-weight: 400;
  --gift-card-disabled-text-line-height: 18px;
  --gift-card-disabled-text-letter-spacing: normal;

  --gift-card-details-font-family: var(--main-font-family);
  --gift-card-details-font-size: 0.75rem;

  /* Charity Donations ----------------------------------------------*/
  --donation-description-font-size: 14px;
  --donation-description-line-height: 20px;
  --donation-description-text-color: var(--text-color-medium);
  --donation-title-text-transform: capitalize;
  --donation-see-more-font-size: 12px;

  /* Payment type vars ----------------------------------------------*/
  --payment-type-color: var(--text-color-strong);
  --payment-type-font-family: var(--main-font-family);
  --payment-type-font-size: 16px;
  --payment-type-font-weight: 600;
  --payment-type-line-height: 24px;
  --payment-type-letter-spacing: normal;
  --payment-type-text-transform: none;

  /* Payment terms and conditions vars ------------------------------*/
  --term-and-conditions-color: var(--text-color-medium);
  --term-and-conditions-font-size: 12px;
  --term-and-conditions-font-weight: 400;
  --term-and-conditions-line-height: 18px;
  --term-and-conditions-letter-spacing: var(--checkout-default-letter-spacing);

  --payment-afterpay-messaging-color: var(--text-color-strong);
  --payment-klarna-messaging-color: var(--text-color-strong);

  /* Address card vars ----------------------------------------------*/
  --address-card-text-font-family: var(--main-font-family);
  --address-card-text-color: var(--text-color-strong);
  --address-card-text-font-size: var(--checkout-default-font-size);
  --address-card-text-font-weight: 400;
  --address-card-text-line-height: var(--checkout-default-line-height);
  --address-card-text-letter-spacing: var(--checkout-default-letter-spacing);
  --address-card-text-name-text-transform: none;

  --address-card-text-name-color: var(--text-color-strong);
  --address-card-text-name-font-size: var(--address-card-text-font-size);
  --address-card-text-name-font-weight: 600;
  --address-card-text-name-line-height: var(--address-card-text-line-height);
  --address-card-text-name-letter-spacing: var(--address-card-text-letter-spacing);

  --tooltip-background-color: var(--color-white);
  --tooltip-foreground-color: var(--text-color-strong);
  --tooltip-text-color: var(--text-color-strong);
  --tooltip-font-size: var(--checkout-default-font-size);
  --tooltip-font-weight: var(--checkout-default-font-weight);
  --tooltip-line-height: var(--checkout-default-line-height);
  --tooltip-letter-spacing: var(--checkout-default-letter-spacing);
}

/* Checkbox vars */
.elc-checkbox {
  --checkbox-label-color: var(--text-color-strong);
  --checkbox-label-font-size: var(--checkout-default-font-size);
  --checkbox-label-line-height: var(--checkout-default-line-height);
  --checkbox-label-letter-spacing: var(--checkout-default-letter-spacing);
}
