:root:root {
    /* Fonts — system Helvetica stack (ECC self-hosts Helvetica Neue LT) */
    --dcm-font-primary: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    --dcm-font-secondary: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;

    /* Content rail */
    --dct--customized-maxSiteWidth: 1320px;
    --dcm-header-max-width: 1320px;

    /* ============================================================
       Host nav bar — white chrome, black text, hard 1px #707070
       bottom border like eccannabis.com's sticky header.
       ============================================================ */
    --dct--customized-colors-navBar: #ffffff;
    --dcm-color-navbar-bg: #ffffff;
    --dcm-header-bg: #ffffff;
    --dcm-header-shadow: none;
    --dcm-header-border-color: #707070;
    --dcm-header-border-width: 1px;
    --dcm-header-divider-color: #dadada;
    --dcm-header-text-color: #020202;
    --dcm-header-nav-title-text-color: #020202;
    --dcm-header-mobile-menu-btn-font-weight: 700;

    /* Top-level nav links */
    --dcm-nav-link-color: #020202;
    --dcm-nav-link-hover-color: #ED1C24;
    --dcm-nav-link-active-color: #ED1C24;
    --dcm-nav-link-font-weight: 700;
    --dcm-nav-active-border-color: #ED1C24;
    --dcm-nav-divider-color: #dadada;
    --dcm-account-nav-color: #020202;

    /* Cart pill — black block, inverts on active */
    --dcm-cart-btn-bg-empty: #000000;
    --dcm-cart-btn-text-empty: #ffffff;
    --dcm-cart-btn-bg-active: #ED1C24;
    --dcm-cart-btn-text-active: #ffffff;
    --dcm-cart-btn-border-radius: 0px;

    /* Status badges */
    --dcm-color-status-open: #1B7A56;
    --dcm-color-status-closed: #ED1C24;
    --dcm-color-status-coming-soon: #020202;
    --dcm-status-label-color: #020202;

    /* Sub-header strip on internal pages */
    --dcm-content-header-text-color: #020202;
    --dcm-content-header-border-color: #dadada;
    --dcm-content-header-icon-color: #020202;

    /* Page / body backgrounds */
    --dcm-color-body-bg: #ffffff;
    --dcm-product-page-bg: #ffffff;

    /* Brand color drives default buttons/links across the SDK. */
    --dcm-color-primary: #000000;
    --dcm-color-focus: #ED1C24;
    --dcm-color-focus-shadow: rgba(237, 28, 36, 0.3);

    /* Surfaces */
    --dcm-color-surface: #ffffff;
    --dcm-color-surface-hover: #F3F5F8;
    --dcm-color-surface-muted: #F7F7F7;

    /* Text */
    --dcm-color-text-primary: #020202;
    --dcm-color-text-secondary: rgba(2, 2, 2, 0.65);
    --dcm-color-text-muted: rgba(2, 2, 2, 0.5);
    --dcm-color-text-inverted: #ffffff;

    /* Borders */
    --dcm-color-border: #dadada;
    --dcm-color-border-dark: #000000;

    /* Border radius — ECC is sharp-cornered everywhere (0px throughout
       their Elementor kit). */
    --dcm-radius-sm: 0px;
    --dcm-radius-md: 0px;
    --dcm-radius-lg: 0px;
    --dcm-radius-buttons: 0px;
    --dcm-radius-cards: 0px;
    --dcm-banner-border-radius: 0px;
    --dcm-brands-card-border-radius: 0px;
    --dcm-popover-border-radius: 0px;
    --dcm-modal-border-radius: 0px;
    --dcm-search-input-border-radius: 0px;

    /* Search input */
    --dcm-search-input-border-color: #000000;
    --dcm-search-input-focus-border-color: #ED1C24;
    --dcm-search-input-focus-shadow: none;

    /* Cart drawer — white panel, black text, hard borders */
    --dcm-cart-bg: #ffffff;
    --dcm-cart-content-bg: #ffffff;
    --dcm-cart-text-color: #020202;
    --dcm-cart-text-muted-color: rgba(2, 2, 2, 0.65);
    --dcm-cart-border-color: #dadada;
    --dcm-cart-item-bg: #ffffff;
    --dcm-cart-item-border-color: #dadada;
    --dcm-cart-item-separator-color: #dadada;
    --dcm-cart-price-color: #020202;
    --dcm-cart-toggle-bg: #F3F5F8;
    --dcm-cart-toggle-active-bg: #ffffff;
    --dcm-cart-backdrop-color: rgba(0, 0, 0, 0.6);

    /* Drawers / modals / popovers */
    --dcm-drawer-bg: #ffffff;
    --dcm-drawer-tab-active-color: #000000;
    --dcm-drawer-tab-inactive-color: rgba(2, 2, 2, 0.5);
    --dcm-drawer-accent-color: #ED1C24;
    --dcm-drawer-nav-heading-color: #020202;
    --dcm-drawer-nav-link-color: #020202;
    --dcm-modal-bg: #ffffff;
    --dcm-modal-text-color: #020202;
    --dcm-modal-footer-bg: #F3F5F8;
    --dcm-modal-shadow: none;
    --dcm-popover-bg: #F3F5F8;
    --dcm-popover-item-color: #020202;
    --dcm-popover-item-hover-bg: #ffffff;
    --dcm-popover-shadow: none;

    /* Login nudge */
    --dcm-login-nudge-bg: #000000;
    --dcm-login-nudge-text-color: #ffffff;
    --dcm-login-nudge-link-color: #ED1C24;

    /* Info bar — black strip */
    --dcm-infobar-bg: #000000;
    --dcm-infobar-text-color: #ffffff;
    --dcm-infobar-border-color: rgba(255, 255, 255, 0.15);

    /* Categories & brands cards — flat white with hard black borders */
    --dcm-categories-card-bg: #ffffff;
    --dcm-categories-card-border-color: #000000;
    --dcm-categories-card-text-color: #020202;
    --dcm-categories-view-all-bg: #000000;
    --dcm-brands-card-bg: #ffffff;
    --dcm-brands-card-border-color: #dadada;
    --dcm-brands-card-name-color: #020202;

    /* Product detail page */
    --dcm-product-name-color: #020202;
    --dcm-product-brand-color: rgba(2, 2, 2, 0.65);
    --dcm-product-price-color: #020202;
    --dcm-product-description-color: #020202;
    --dcm-product-option-bg: #ffffff;
    --dcm-product-option-border-color: #000000;
    --dcm-product-option-text-color: #020202;
    --dcm-product-effect-bg: #000000;
    --dcm-product-effect-text-color: #ffffff;

    /* Inline categories chips */
    --dcm-inline-categories-chip-bg: #F3F5F8;

    /* Checkout */
    --dcm-checkout-input-bg: #ffffff;
    --dcm-checkout-summary-bg: #F7F7F7;
    --dcm-checkout-payment-tab-bg: #F3F5F8;
    --dcm-checkout-payment-content-bg: #ffffff;
    --dcm-checkout-save-info-bg: #F3F5F8;
    --dcm-checkout-heading-color: #020202;
    --dcm-checkout-text-color: #020202;

    /* Skeleton shimmer */
    --dcm-skeleton-bg: #F3F5F8;
    --dcm-skeleton-border-color: #dadada;
    --dcm-skeleton-shimmer-from: rgba(255, 255, 255, 0);
    --dcm-skeleton-shimmer-to: rgba(255, 255, 255, 0.75);

    /* Filter sidebar */
    --dcm-filter-search-bg: #ffffff;
    --dcm-filter-heading-color: #020202;
    --dcm-filter-text-color: #020202;
    --dcm-filter-border-color: #dadada;

    /* Logged-out CTA */
    --dcm-logged-out-cta-bg: #F7F7F7;

    /* Footer — black inverted block like eccannabis.com */
    --dcm-footer-bg: #000000;
    --dcm-footer-text-color: #ffffff;
    --dcm-privacy-footer-bg: #020202;
    --dcm-privacy-footer-border-color: rgba(255, 255, 255, 0.15);
    --dcm-privacy-footer-text-color: rgba(255, 255, 255, 0.7);
    --dcm-privacy-footer-text-hover-color: #ED1C24;

    /* Carousel navigation — flat black/white */
    --dcm-carousel-btn-bg: #ffffff;
    --dcm-carousel-btn-hover-bg: #000000;
    --dcm-carousel-btn-arrow-color: #000000;

    /* Section titles — heavy black editorial headings */
    --dcm-section-title-color: #020202;
    --dcm-section-subtitle-color: rgba(2, 2, 2, 0.65);

    /* Breadcrumbs */
    --dcm-breadcrumb-link-color: rgba(2, 2, 2, 0.65);
    --dcm-breadcrumb-active-color: #020202;
  }

  body {
    background: #ffffff;
    color: #020202;
  }