body {
    /* The hero's 100vw full-bleed breakout is a scrollbar-width wider than the page
       (vw units include the vertical scrollbar); clip the excess instead of scrolling. */
    overflow-x: clip;
  }

  :root:root {
    --dcm-color-primary: #e8a331;
    --dcm-color-navbar-bg: #264e5a;
    --dcm-color-body-bg: #fdfaf7;
    --dcm-color-surface: #ffffff;
    --dcm-color-surface-hover: #e8a331;
    --dcm-color-surface-muted: #e8a331;
    --dcm-color-text-primary: #18333c;
    --dcm-color-text-secondary: #8aa0a0;
    --dcm-color-text-muted: #9da0a0;
    --dcm-color-text-inverted: #ffffff;
    --dcm-color-border: #d6cec2;
    --dcm-color-border-dark: #264e5a;
    --dcm-color-focus: #e8a331;
    --dcm-color-focus-shadow: rgba(232, 163, 49, 0.35);
    --dcm-color-status-open: #2d8a5e;
    --dcm-color-status-closed: #c1121f;
    --dcm-color-status-preorder: #6b8a8a;
    --dcm-color-status-coming-soon: #e9a820;

    --dcm-font-primary: 'europa', sans-serif;
    --dcm-font-secondary: 'Onest', sans-serif;
    --dcm-font-size-xs: 12px;
    --dcm-font-size-sm: 13px;
    --dcm-font-size-md: 14px;
    --dcm-font-size-lg: 16px;
    --dcm-font-size-xl: 18px;
    --dcm-font-size-2xl: 20px;
    --dcm-font-weight-normal: 400;
    --dcm-font-weight-semibold: 600;
    --dcm-font-weight-bold: 700;
    --dcm-line-height-normal: 1.43;
    --dcm-space-1: 4px;
    --dcm-space-2: 8px;
    --dcm-space-3: 12px;
    --dcm-space-4: 16px;
    --dcm-space-5: 20px;
    --dcm-space-6: 24px;

    --dcm-radius-sm: 5px;
    --dcm-radius-md: 5px;
    --dcm-radius-lg: 5px;
    --dcm-radius-buttons: 5px;
    --dcm-radius-cards: 5px;

    --dcm-header-bg: #264e5a;
    --dcm-header-text-color: #ffffff;
    --dcm-header-border-color: #1b3f49;
    --dcm-header-border-width: 1px;
    --dcm-header-padding-x: 20px;
    --dcm-header-gap: 20px;
    --dcm-header-max-width: 1240px;
    --dcm-header-min-height: 68px;
    --dcm-header-logo-max-width: 120px;
    --dcm-header-logo-height: 44px;
    --dcm-header-divider-color: #1b3f49;
    --dcm-header-divider-height: 36px;
    --dcm-header-shadow: none;
    --dcm-header-z-index: 10;
    --dcm-header-mobile-padding-x: 12px;
    --dcm-header-mobile-padding-y: 8px;
    --dcm-header-mobile-gap: 8px;
    --dcm-header-mobile-menu-btn-font-size: var(--dcm-font-size-md);
    --dcm-header-mobile-menu-btn-font-weight: var(--dcm-font-weight-semibold);
    --dcm-header-mobile-menu-btn-gap: 4px;
    --dcm-header-mobile-logo-height: 32px;

    --dcm-section-title-color: #18333c;
    --dcm-section-subtitle-color: #6f7263;
    --dcm-nav-link-hover-color: #e8a331;
    --dcm-nav-link-active-color: #e8a331;
    --dcm-nav-link-font-size: var(--dcm-font-size-md);
    --dcm-nav-link-font-weight: var(--dcm-font-weight-bold);
    --dcm-nav-link-padding: 10px;
    --dcm-nav-link-gap: 20px;
    --dcm-nav-link-transition: all 0.2s;
    --dcm-nav-min-height: 20px;
    --dcm-nav-heading-font-size: var(--dcm-font-size-lg);
    --dcm-nav-heading-font-weight: var(--dcm-font-weight-bold);
    --dcm-header-nav-title-text-color: #e8e0d8;
    --dcm-nav-two-column-width: 504px;
    --dcm-nav-divider-color: #264e5a;
    --dcm-nav-divider-height: 34px;
    --dcm-nav-active-border-color: #e8a331;
    --dcm-popover-bg: #264e5a;
    --dcm-popover-border-radius: 5px;
    --dcm-popover-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
    --dcm-popover-padding: 8px 0;
    --dcm-popover-min-width: 187px;
    --dcm-popover-margin-top: 8px;
    --dcm-popover-item-color: #ffffff;
    --dcm-popover-item-hover-bg: #e8a331;
    --dcm-popover-item-font-size: var(--dcm-font-size-md);
    --dcm-popover-item-padding: 12px 24px;
    --dcm-popover-item-font-weight: var(--dcm-font-weight-normal);
    --dcm-popover-item-active-font-weight: var(--dcm-font-weight-bold);
    --dcm-inline-categories-heading-color: #264e5a;
    --dcm-inline-categories-divider-color: #264e5a;
    --dcm-inline-categories-chip-bg: #264e5a;
    --dcm-inline-categories-chip-text-color: #ffffff;
    --dcm-inline-categories-chip-border-color: #264e5a;
    --dcm-inline-categories-chip-hover-border-color: #e8a331;
    --dcm-categories-card-bg: #264e5a;
    --dcm-categories-card-border-color: #264e5a;
    --dcm-categories-card-text-color: #e8e0d8;
    --dcm-categories-card-hover-shadow: 0 5px 14px rgba(0, 0, 0, 0.3);
    --dcm-categories-view-all-bg: #264e5a;
    --dcm-categories-view-all-color: #e8e0d8;
    --dcm-brands-title-color: #264e5a;
    --dcm-brands-no-results-color: #6b8a8a;
    --dcm-brands-card-bg: #f5ece3;
    --dcm-brands-card-border-color: #264e5a;
    --dcm-brands-card-border-radius: 5px;
    --dcm-brands-card-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
    --dcm-brands-card-hover-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    --dcm-brands-card-name-color: #18333C;
    --dcm-brands-card-placeholder-color: #8aa0a0;
    --dcm-brands-card-placeholder-bg: #264e5a;
    --dcm-filter-heading-color: #e8a331;
    --dcm-filter-text-color: #18333C;
    --dcm-filter-border-color: #8aa0a0;
    --dcm-filter-icon-color: #6b8a8a;
    --dcm-filter-search-bg: #f5ece3;
    --dcm-filter-search-border-color: #264e5a;
    --dcm-filter-search-text-color: #18333C;
    --dcm-filter-search-placeholder-color: #6b8a8a;
    --dcm-filter-search-icon-color: #8aa0a0;

    --dcm-product-page-bg: #fdfaf7;
    --dcm-product-name-color: #2b2d2e;
    --dcm-product-brand-color: #2d5a66;
    --dcm-product-price-color: #2d5a66;
    --dcm-product-price-strikethrough-color: #2b2d2e;
    --dcm-product-price-muted-color: #9da0a0;
    --dcm-product-description-color: #18333c;
    --dcm-product-subheading-color: #18333c;
    --dcm-product-option-bg: #e8a331;
    --dcm-product-option-border-color: #2d5a66;
    --dcm-product-option-text-color: #2b2d2e;
    --dcm-product-input-bg: #f5ece3;
    --dcm-product-input-border-color: #7f8d71;
    --dcm-product-detail-text-color: #2b2d2e;
    --dcm-product-detail-muted-color: #6f7263;
    --dcm-product-effect-bg: #e8a331;
    --dcm-product-effect-text-color: #ffffff;
    --dcm-product-progress-bg: #f0efe8;
    --dcm-product-progress-fill: #5f711f;
    --dcm-product-accordion-icon-color: #6f7263;
    --dcm-product-chip-bg: #5f711f;
    --dcm-product-chip-text-color: #ffffff;
    --dcm-product-chip-hover-bg: #6c7f1f;

    --dcm-cart-btn-bg-active: #e8a331;
    --dcm-cart-btn-text-active: #18333c;
    --dcm-cart-btn-bg-empty: #d6cec2;
    --dcm-cart-btn-text-empty: #18333c;
    --dcm-cart-btn-hover-bg: #8aa0a0;
    --dcm-cart-btn-width: 59px;
    --dcm-cart-btn-height: 32px;
    --dcm-cart-btn-width-desktop: 67px;
    --dcm-cart-btn-height-desktop: 44px;
    --dcm-cart-btn-font-weight: var(--dcm-font-weight-semibold);
    --dcm-cart-btn-border-radius: var(--dcm-radius-buttons);
    --dcm-cart-btn-padding: 0 8px;
    --dcm-cart-btn-padding-desktop: 0 12px;
    --dcm-cart-btn-transition: all 0.2s;
    --dcm-search-input-height: 40px;
    --dcm-search-input-border-color: #264e5a;
    --dcm-search-input-border-radius: var(--dcm-radius-buttons);
    --dcm-search-input-font-family: var(--dcm-font-secondary);
    --dcm-search-input-padding-left: 40px;
    --dcm-search-input-focus-border-color: #e8a331;
    --dcm-search-input-focus-shadow: 0 1px 5px rgba(232, 163, 49, 0.35);
    --dcm-search-input-transition: all 0.2s;
    --dcm-search-icon-color: #8aa0a0;
    --dcm-search-icon-left: 12px;
    --dcm-search-btn-font-size: var(--dcm-font-size-md);
    --dcm-search-btn-font-weight: var(--dcm-font-weight-bold);
    --dcm-user-btn-font-size: var(--dcm-font-size-sm);
    --dcm-user-btn-font-weight: var(--dcm-font-weight-semibold);
    --dcm-user-btn-color: #ffffff;
    --dcm-user-btn-gap: 8px;
    --dcm-user-btn-gap-desktop: 12px;
    --dcm-user-btn-name-max-width: 12ch;
    --dcm-user-btn-name-color: #8aa0a0;
    --dcm-user-btn-name-border-color: #264e5a;
    --dcm-account-popover-width-in: 187px;
    --dcm-account-popover-width-out: 225px;
    --dcm-account-popover-item-font-size: var(--dcm-font-size-md);
    --dcm-account-popover-item-line-height: 175%;
    --dcm-account-popover-item-padding-left: 30px;
    --dcm-account-popover-item-height: 45px;
    --dcm-account-popover-item-color: #e8e0d8;
    --dcm-account-popover-item-hover-bg: #264e5a;
    --dcm-account-popover-name-height: 47px;
    --dcm-account-popover-name-padding: 5px 30px 0px;
    --dcm-account-popover-divider-color: #264e5a;
    --dcm-account-popover-logout-color: #e8a331;
    --dcm-account-popover-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
    --dcm-account-popover-border-radius: 5px;
    --dcm-login-nudge-font-size: var(--dcm-font-size-md);
    --dcm-login-nudge-line-height: 20px;
    --dcm-login-nudge-text-color: #e8e0d8;
    --dcm-login-nudge-link-color: #e8a331;
    --dcm-login-nudge-social-btn-size: 32px;
    --dcm-login-nudge-social-btn-bg: #1a3838;
    --dcm-login-nudge-social-btn-radius: 5px;
    --dcm-login-nudge-social-icon-size: 16px;
    --dcm-login-nudge-gap: var(--dcm-space-2);
    --dcm-login-nudge-font-family: var(--dcm-font-primary);
    --dcm-login-nudge-bg: #264e5a;
    --dcm-login-nudge-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.5);
    --dcm-login-nudge-close-color: #8aa0a0;
    --dcm-login-nudge-apple-icon-color: #e8e0d8;
    --dcm-logged-out-cta-bg: #264e5a;
    --dcm-logged-out-cta-border-color: #264e5a;
    --dcm-logged-out-cta-border-radius: 5px;
    --dcm-logged-out-cta-text-color: #e8e0d8;
    --dcm-logged-out-cta-subtext-color: #8aa0a0;
    --dcm-logged-out-cta-link-color: #e8a331;
    --dcm-breadcrumb-link-color: #264e5a;
    --dcm-breadcrumb-active-color: #e8a331;
    --dcm-breadcrumb-separator-color: #264e5a;
    --dcm-content-header-text-color: #1a3838;
    --dcm-content-header-border-color: #264e5a;
    --dcm-content-header-icon-color: #1a3838;

    --dcm-skeleton-bg: #ece5da;
    --dcm-skeleton-border-color: #ddd3c3;
    --dcm-skeleton-shimmer-from: rgba(255, 255, 255, 0.2);
    --dcm-skeleton-shimmer-to: rgba(255, 255, 255, 0.45);
    --dcm-nav-link-color: #18333C;
    --dcm-infobar-bg: #264e5a;
    --dcm-infobar-text-color: #e8e0d8;
    --dcm-infobar-border-color: #264e5a;
    --dcm-infobar-border-width: 1px;
    --dcm-infobar-padding-x: 12px;
    --dcm-infobar-padding-y: 8px;
    --dcm-infobar-gap: 20px;
    --dcm-infobar-font-size: var(--dcm-font-size-sm);
    --dcm-menu-type-label-color: #ffffff;
    --dcm-drawer-bg: #0f2424;
    --dcm-drawer-width: 100%;
    --dcm-drawer-accent-color: #e8a331;
    --dcm-drawer-close-btn-size: 46px;
    --dcm-drawer-close-btn-opacity: 0.7;
    --dcm-drawer-close-btn-color: #8aa0a0;
    --dcm-drawer-close-btn-bar-size: 3px;
    --dcm-drawer-status-height: 62px;
    --dcm-drawer-status-font-size: var(--dcm-font-size-md);
    --dcm-drawer-status-padding: 25px;
    --dcm-drawer-status-bg: #0a1c1c;
    --dcm-drawer-tab-font-size: 16px;
    --dcm-drawer-tab-font-weight: 700;
    --dcm-drawer-tab-padding-top: 22px;
    --dcm-drawer-tab-padding-bottom: 14px;
    --dcm-drawer-tab-active-color: #e8a331;
    --dcm-drawer-tab-inactive-color: #6b8a8a;
    --dcm-drawer-tab-indicator-max-width: 90px;
    --dcm-drawer-nav-padding: 16px 32px;
    --dcm-drawer-nav-gap: 16px;
    --dcm-drawer-nav-heading-font-size: var(--dcm-font-size-md);
    --dcm-drawer-nav-heading-font-weight: var(--dcm-font-weight-bold);
    --dcm-drawer-nav-heading-color: #e8e0d8;
    --dcm-drawer-nav-link-color: #c0b8b0;
    --dcm-drawer-nav-link-font-size: var(--dcm-font-size-2xl);
    --dcm-drawer-nav-link-padding: 16px 0;
    --dcm-footer-bg: #0a1c1c;
    --dcm-footer-bg-sm: #264e5a;
    --dcm-footer-text-color: #8aa0a0;
    --dcm-footer-disclaimer-margin: 50px auto;
    --dcm-footer-disclaimer-margin-sm: 25px auto 25px;
    --dcm-footer-padding: 0;
    --dcm-footer-border-top: none;
    --dcm-privacy-footer-height: 30px;
    --dcm-privacy-footer-bg: #0a1c1c;
    --dcm-privacy-footer-border-color: #264e5a;
    --dcm-privacy-footer-shadow: 0px -2.62px 2px rgba(0, 0, 0, 0.042);
    --dcm-privacy-footer-text-color: #6b8a8a;
    --dcm-privacy-footer-text-hover-color: #e8e0d8;
    --dcm-privacy-footer-font-size: var(--dcm-font-size-xs);
    --dcm-privacy-footer-divider-color: #264e5a;
    --dcm-privacy-footer-z-index: 10;
    --dcm-privacy-footer-link-gap: 5px;
    --dcm-banner-font-size: var(--dcm-font-size-sm);
    --dcm-banner-line-height: 1.65;
    --dcm-banner-padding: 24px;
    --dcm-banner-margin: 50px auto 60px;
    --dcm-banner-margin-sm: 25px auto 40px;
    --dcm-banner-border-radius: 5px;
    --dcm-banner-collapsed-height: 150px;
    --dcm-banner-chevron-size: 16px;
    --dcm-banner-mask-height: 126px;
    --dcm-modal-bg: #ffffff;
    --dcm-modal-text-color: #e8a331;
    --dcm-modal-border-radius: 5px;
    --dcm-modal-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
    --dcm-modal-footer-bg: #0f2424;
    --dcm-modal-footer-text-color: #e8e0d8;
    --dcm-modal-close-color: #8aa0a0;
    --dcm-modal-backdrop-color: rgba(10, 28, 28, 0.75);
    --dcm-carousel-btn-bg: #e8a331;
    --dcm-carousel-btn-hover-bg: #e8a331b5;
    --dcm-carousel-btn-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
    --dcm-carousel-btn-arrow-color: #0f2424;
    --dcm-status-font-size: var(--dcm-font-size-sm);
    --dcm-status-font-weight: var(--dcm-font-weight-semibold);
    --dcm-status-open-color: var(--dcm-color-status-open);
    --dcm-status-closed-color: var(--dcm-color-status-closed);
    --dcm-status-preorder-color: var(--dcm-color-status-preorder);
    --dcm-status-coming-soon-color: var(--dcm-color-status-coming-soon);
    --dcm-status-label-color: #6b8a8a;
    --dcm-status-label-font-weight: var(--dcm-font-weight-bold);
    --dcm-cart-bg: #264e5a;
    --dcm-cart-content-bg: #0f2424;
    --dcm-cart-text-color: #e8e0d8;
    --dcm-cart-text-muted-color: #8aa0a0;
    --dcm-cart-border-color: #264e5a;
    --dcm-cart-item-bg: #264e5a;
    --dcm-cart-item-border-color: #0a1c1c;
    --dcm-cart-item-separator-color: #264e5a;
    --dcm-cart-price-color: #e8e0d8;
    --dcm-cart-toggle-bg: #0a1c1c;
    --dcm-cart-toggle-active-bg: #264e5a;
    --dcm-cart-backdrop-color: rgba(10, 28, 28, 0.75);
    --dcm-checkout-heading-color: #2d5a66;
    --dcm-checkout-section-heading-color: #2d5a66;
    --dcm-checkout-section-border-color: #bababa;
    --dcm-checkout-text-color: #2d5a66;
    --dcm-checkout-text-muted-color: #8aa0a0;
    --dcm-checkout-link-color: #e8a331;
    --dcm-checkout-input-bg: #f5ece3;
    --dcm-checkout-input-border-color: #e8a331;
    --dcm-checkout-summary-bg: #f5ece3;
    --dcm-checkout-summary-text-color: #18333c;
    --dcm-checkout-summary-border-color: #d6cec2;
    --dcm-checkout-summary-total-color: #18333c;
    --dcm-checkout-payment-tab-bg: #ffffff;
    --dcm-checkout-payment-tab-border-color: #d6cec2;
    --dcm-checkout-payment-content-bg: #ffffff;
    --dcm-checkout-disclaimer-color: #264e5a;
    --dcm-checkout-save-info-bg: #f5ece3;
    --dcm-skeleton-border-radius: 5px;
    --dcm-skeleton-card-border-radius: 5px;
    --dcm-skeleton-shimmer-dark-from: #264e5a;
    --dcm-skeleton-shimmer-dark-to: #264e5a;
    --dcm-skeleton-animation-duration: 1.5s;
    --dcm-skeleton-logo-width: 120px;
    --dcm-skeleton-logo-height: 44px;
    --dcm-skeleton-nav-height: 16px;
    --dcm-account-link-font-size: var(--dcm-font-size-md);
    --dcm-account-link-margin-mobile: 0px 18px 0px 0px;
    --dcm-account-link-margin-desktop: 0px 22px;
    --dcm-account-link-icon-color: #8aa0a0;
    --dcm-skip-link-bg: #e8a331;
    --dcm-skip-link-color: #18333c;
    --dcm-skip-link-padding: 4px 8px;
    --dcm-skip-link-z-index: 9999;
    --dct--customized-colors-buttonsLinks: #e8a331;
  }

  body {
    background: var(--dcm-color-body-bg);
    color: var(--dcm-color-text-primary);
  }