@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

  
  @font-face {
    font-family: 'ABC Whyte Inktrap Edu';
    src:
      url(https://extensions.tarasovs-digital-agency.dutchie.partners/static/css/assets/abc-whyte-inktrap-heavy.ecd25baa.woff2) format('woff2'),
      url(https://extensions.tarasovs-digital-agency.dutchie.partners/static/css/assets/abc-whyte-inktrap-heavy.d0e7690d.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }


  :root:root {
    /* Brand colors — Mighty Lucky (deep maroon accent, white page, cream header/footer) */
    --dcm-color-primary: #8a090b;
    --dcm-color-navbar-bg: #fffbe4;
    --dcm-color-body-bg: #ffffff;
    --dcm-color-surface: #ffffff;
    --dcm-color-surface-hover: #fff6d6;
    --dcm-color-surface-muted: #fdf6df;
    --dcm-color-text-primary: #3a0405;
    --dcm-color-text-secondary: #8a5a5b;
    --dcm-color-text-inverted: #fffbe4;
    --dcm-color-border: #f0dfa8;
    --dcm-color-focus: #8a090b;
    --dcm-color-focus-shadow: rgba(138, 9, 11, 0.25);

    /* Typography */
    --dcm-font-primary: 'Inter', sans-serif;
    --dcm-font-secondary: 'ABC Whyte Inktrap Edu', 'Assistant', sans-serif;

    /* Border radius — pill buttons, rounded cards */
    --dcm-radius-sm: 8px;
    --dcm-radius-md: 16px;
    --dcm-radius-lg: 24px;
    --dcm-radius-buttons: 40px;
    --dcm-radius-cards: 26px;

    /* Header */
    --dcm-header-bg: #fffbe4;
    --dcm-header-text-color: #3a0405;
    --dcm-header-border-color: #f0dfa8;
    --dcm-header-shadow: none;
    --dcm-header-divider-color: #f0dfa8;
    --dcm-header-nav-title-text-color: #3a0405;

    /* Cart button (header) */
    --dcm-cart-btn-bg-active: #8a090b;
    --dcm-cart-btn-bg-empty: #8a090b;
    --dcm-cart-btn-text-empty: #fffbe4;
    --dcm-cart-btn-border-radius: 40px;

    /* Search */
    --dcm-search-input-border-color: #f0dfa8;
    --dcm-search-input-border-radius: 40px;
    --dcm-search-input-focus-border-color: #8a090b;
    --dcm-search-input-focus-shadow: rgba(138, 9, 11, 0.15);

    /* Popover / Dropdown */
    --dcm-popover-bg: #ffffff;
    --dcm-popover-item-color: #8a090b;
    --dcm-popover-item-hover-bg: #fff6d6;
    --dcm-popover-border-radius: 16px;
    --dcm-popover-shadow: 0 12px 32px rgba(58, 4, 5, 0.18);

    /* Info Bar */
    --dcm-infobar-bg: #fffbe4;
    --dcm-infobar-text-color: #3a0405;
    --dcm-infobar-border-color: #f0dfa8;

    /* Menu Drawer */
    --dcm-drawer-bg: #ffffff;
    --dcm-drawer-tab-active-color: #8a090b;
    --dcm-drawer-tab-inactive-color: #8a5a5b;
    --dcm-drawer-accent-color: #8a090b;
    --dcm-drawer-nav-heading-color: #3a0405;
    --dcm-drawer-nav-link-color: #3a0405;
    --dcm-drawer-nav-link-font-size: 16px;

    /* Footer — vivid orange scheme (cream text) */
    --dcm-footer-bg: #ff3d1b;
    --dcm-footer-text-color: #fffbe4;
    --dcm-privacy-footer-bg: #9b1700;
    --dcm-privacy-footer-border-color: rgba(255, 251, 228, 0.15);
    --dcm-privacy-footer-text-color: #fffbe4;
    --dcm-privacy-footer-text-hover-color: #ffe864;

    /* Banner */
    --dcm-banner-border-radius: 26px;

    /* Status colors */
    --dcm-color-status-open: #2f7d3c;
    --dcm-color-status-closed: #8a090b;
    --dcm-color-status-preorder: #8a5a00;
    --ml-accent-yellow: #ffe864;
    --dcm-color-status-coming-soon: #8a5a5b;

    /* Skeleton / Loading placeholders */
    --dcm-skeleton-bg: #fdf6df;
    --dcm-skeleton-border-color: #f0dfa8;
    --dcm-skeleton-shimmer-from: rgba(138, 9, 11, 0.05);
    --dcm-skeleton-shimmer-to: rgba(138, 9, 11, 0.12);

    /* Login nudge */
    --dcm-login-nudge-bg: #8a090b;
    --dcm-login-nudge-text-color: #fffbe4;
    --dcm-login-nudge-link-color: #ffe864;

    /* Logged-out CTA ("Log in for the best experience" — native Google/Apple/email sign-in) */
    --dcm-logged-out-cta-bg: #fdf6df;
    --dcm-logged-out-cta-border-color: #f0dfa8;
    --dcm-logged-out-cta-border-radius: 26px;
    --dcm-logged-out-cta-text-color: #3a0405;
    --dcm-logged-out-cta-subtext-color: #8a5a5b;
    --dcm-logged-out-cta-link-color: #8a090b;

    /* Categories */
    --dcm-categories-card-bg: #ffffff;
    --dcm-categories-card-border-color: #f0dfa8;
    --dcm-categories-card-text-color: #3a0405;
    --dcm-categories-card-hover-shadow: 0 8px 20px rgba(58, 4, 5, 0.15);
    --dcm-categories-view-all-bg: #8a090b;
    --dcm-categories-view-all-color: #fffbe4;

    /* Inline categories (chip list) */
    --dcm-inline-categories-heading-color: #3a0405;
    --dcm-inline-categories-divider-color: #f0dfa8;
    --dcm-inline-categories-chip-bg: #ffffff;
    --dcm-inline-categories-chip-text-color: #8a090b;
    --dcm-inline-categories-chip-border-color: #8a090b;
    --dcm-inline-categories-chip-hover-border-color: #3a0405;

    /* Brands */
    --dcm-brands-title-color: #3a0405;
    --dcm-brands-no-results-color: #8a5a5b;
    --dcm-brands-card-bg: #ffffff;
    --dcm-brands-card-border-color: #f0dfa8;
    --dcm-brands-card-border-radius: 16px;
    --dcm-brands-card-shadow: 0 2px 8px rgba(58, 4, 5, 0.06);
    --dcm-brands-card-hover-shadow: 0 8px 20px rgba(58, 4, 5, 0.15);
    --dcm-brands-card-name-color: #3a0405;
    --dcm-brands-card-placeholder-color: #8a5a5b;
    --dcm-brands-card-placeholder-bg: #fdf6df;

    /* Product */
    --dcm-product-page-bg: #ffffff;
    --dcm-product-name-color: #3a0405;
    --dcm-product-brand-color: #8a5a5b;
    --dcm-product-price-color: #8a090b;
    --dcm-product-description-color: #8a5a5b;
    --dcm-product-option-bg: #ffffff;
    --dcm-product-option-border-color: #f0dfa8;

    /* Cart drawer */
    --dcm-cart-bg: #fffbe4;
    --dcm-cart-content-bg: #ffffff;
    --dcm-cart-text-color: #3a0405;
    --dcm-cart-border-color: #f0dfa8;
    --dcm-cart-item-bg: #ffffff;

    /* Carousel navigation */
    --dcm-carousel-btn-bg: #ffffff;
    --dcm-carousel-btn-hover-bg: #fff6d6;
    --dcm-carousel-btn-arrow-color: #8a090b;
    --dcm-carousel-btn-shadow: 0 3px 10px rgba(58, 4, 5, 0.15);

    /* Filter sidebar */
    --dcm-filter-heading-color: #3a0405;
    --dcm-filter-text-color: #3a0405;
    --dcm-filter-border-color: #f0dfa8;

    /* Modal */
    --dcm-modal-bg: #ffffff;
    --dcm-modal-text-color: #3a0405;
    --dcm-modal-border-radius: 24px;
    --dcm-modal-shadow: 0 20px 60px rgba(58, 4, 5, 0.25);

    /* Checkout */
    --dcm-checkout-heading-color: #3a0405;
    --dcm-checkout-text-color: #3a0405;
    --dcm-checkout-input-bg: #ffffff;
    --dcm-checkout-summary-bg: #fdf6df;

    /* Breadcrumbs */
    --dcm-breadcrumb-link-color: #8a5a5b;
    --dcm-breadcrumb-active-color: #3a0405;

    /* Section titles */
    --dcm-section-title-color: #3a0405;
    --dcm-section-subtitle-color: #8a5a5b;

    /* Content header */
    --dcm-content-header-text-color: #3a0405;
    --dcm-content-header-border-color: #f0dfa8;
    --dcm-content-header-icon-color: #8a5a5b;

    /* Native "Shop All Products" link on list pages — its built-in fallback is a
       hardcoded blue (#0b99e6), not the primary color, so wire it up explicitly. */
    --dcm-shop-all-products-link-color: var(--dcm-color-primary);
  }

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