@font-face {
    font-family: 'Eurostile';
    src: url(https://extensions.kings-raw.dutchie.partners/static/css/assets/Eurostile-Bold.28719c37.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Eurostile';
    src: url(https://extensions.kings-raw.dutchie.partners/static/css/assets/Eurostile-Regular.c05ee123.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Ethnocentric';
    src: url(https://extensions.kings-raw.dutchie.partners/static/css/assets/Ethnocentric-Bold.e0969191.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Ethnocentric';
    src: url(https://extensions.kings-raw.dutchie.partners/static/css/assets/Ethnocentric-Regular.0216fe2f.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }

  
  :root:root {
    /* Global colors */
    --dcm-color-primary: #E55602;
    --dcm-color-navbar-bg: #0D0D0D;
    --dcm-color-body-bg: #000000;
    --dcm-color-surface: #111111;
    --dcm-color-surface-hover: #222222;
    --dcm-color-surface-muted: #141414;
    --dcm-color-text-primary: #ffffff;
    --dcm-color-text-secondary: #FFA602;
    --dcm-color-text-muted: rgba(255, 255, 255, 0.55);
    --dcm-color-text-inverted: #0d0d0d;
    --dcm-color-border: #2a2a2a;
    --dcm-color-focus: #22c55e;
    --dcm-color-focus-shadow: rgba(34, 197, 94, 0.4);

    /* Status colors */
    --dcm-color-status-open: #22c55e;
    --dcm-color-status-closed: #ef4444;
    --dcm-color-status-preorder: #FFA602;
    --dcm-color-status-coming-soon: #E55602;

    --dcm-circle-button-bg: var(--dcm-color-body-bg);
    --dcm-bottom-drawer-bg: var(--dcm-color-body-bg);
    --dcm-bottom-drawer-exit-color: var(--dcm-color-primary);

    /* Typography */
    --dcm-font-primary: 'Eurostile', sans-serif;
    --dcm-font-secondary: var(--dcm-font-primary);

    /* Kings-only tokens (custom components) */
    --kings-font-display: 'Ethnocentric', sans-serif;
    --kings-color-secondary: #e55a00;
    --kings-header-height: 80px;

    /* Border radius */
    --dcm-radius-sm: 4px;
    --dcm-radius-md: 8px;
    --dcm-radius-lg: 12px;
    --dcm-radius-buttons: 4px;
    --dcm-radius-cards: 8px;

    /* Header */
    --dcm-header-bg: var(--dcm-color-navbar-bg);
    --dcm-header-text-color: var(--dcm-color-text-primary);
    --dcm-header-border-color: transparent;
    --dcm-header-shadow: none;
    --dcm-header-z-index: 5000;

    /* Cart */
    
    /* Cart button */
    --dcm-cart-btn-bg-active: #E55602;
    --dcm-cart-btn-bg-empty: #1a1a1a;
    --dcm-cart-btn-text-active: #fff;
    --dcm-cart-btn-text-empty: rgba(255, 255, 255, 0.55);
    --dcm-cart-btn-border-radius: 4px;

    /* Cart drawer */
    --dcm-cart-bg: #000000;
    --dcm-cart-content-bg: #000000;
    --dcm-cart-text-color: #ffffff;
    --dcm-cart-text-muted-color: rgba(255, 255, 255, 0.55);
    --dcm-cart-border-color: #2a2a2a;
    --dcm-cart-item-bg: #000000;
    --dcm-cart-item-border-color: #2a2a2a;
    --dcm-cart-item-separator-color: #2a2a2a;
    --dcm-cart-price-color: #E55602;
    --dcm-cart-toggle-bg: #2a2a2a;
    --dcm-cart-toggle-active-bg: #E55602;
    --dcm-cart-backdrop-color: rgba(0, 0, 0, 0.75);

    /* Checkout */
    --dcm-checkout-heading-color: #FFA602;
    --dcm-checkout-section-heading-color: #FFA602;
    --dcm-checkout-section-border-color: #333333;
    --dcm-checkout-text-color: #ffffff;
    --dcm-checkout-text-muted-color: rgba(255, 255, 255, 0.55);
    --dcm-checkout-link-color: #E55602;
    --dcm-checkout-input-bg: #0D0D0D;
    --dcm-checkout-input-border-color: #2a2a2a;
    --dcm-checkout-summary-bg: #0D0D0D;
    --dcm-checkout-summary-text-color: #ffffff;
    --dcm-checkout-summary-border-color: #2a2a2a;
    --dcm-checkout-summary-total-color: #ffffff;
    --dcm-checkout-payment-tab-bg: #0D0D0D;
    --dcm-checkout-payment-tab-border-color: #000000;
    --dcm-checkout-payment-content-bg: #000000;
    --dcm-checkout-disclaimer-color: rgba(255, 255, 255, 0.55);
    --dcm-checkout-save-info-bg: #000000;
    --dcm-checkout-payment-icon-color: #FFA602;
    --dcm-checkout-payment-icon-bg: #000000;


    /* Search */
    --dcm-search-input-border-color: #E85800;
    --dcm-search-input-border-radius: var(--dcm-radius-buttons);
    --dcm-search-input-focus-border-color: #E55602;
    --dcm-search-input-focus-shadow: 0 1px 5px rgba(229, 86, 2, 0.4);

    /* Popover */
    --dcm-popover-bg: var(--dcm-color-surface);
    --dcm-popover-item-color: var(--dcm-color-text-primary);
    --dcm-popover-item-hover-bg: var(--dcm-color-surface-hover);
    --dcm-popover-border-radius: var(--dcm-radius-md);
    --dcm-popover-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);

    /* Info bar */
    --dcm-infobar-bg: var(--dcm-color-surface);
    --dcm-infobar-text-color: var(--dcm-color-text-primary);
    --dcm-infobar-border-color: var(--dcm-color-border);

    /* Menu drawer */
    --dcm-drawer-bg: var(--dcm-color-body-bg);
    --dcm-drawer-tab-active-color: var(--dcm-color-primary);
    --dcm-drawer-tab-inactive-color: var(--dcm-color-text-muted);
    --dcm-drawer-accent-color: var(--dcm-color-primary);
    --dcm-drawer-nav-heading-color: var(--dcm-color-text-secondary);
    --dcm-drawer-nav-link-color: var(--dcm-color-text-primary);

    /* Footer */
    --dcm-footer-bg: var(--dcm-color-navbar-bg);
    --dcm-footer-text-color: var(--dcm-color-text-muted);
    --dcm-privacy-footer-bg: var(--dcm-color-navbar-bg);
    --dcm-privacy-footer-border-color: var(--dcm-color-border);
    --dcm-privacy-footer-text-color: var(--dcm-color-text-muted);
    --dcm-privacy-footer-text-hover-color: var(--dcm-color-text-primary);

    /* Banner */
    --dcm-banner-border-radius: 0;

    /* Skeleton / loading */
    --dcm-skeleton-bg: #1a1a1a;
    --dcm-skeleton-border-color: #333333;
    --dcm-skeleton-shimmer-from: rgba(229, 86, 2, 0);
    --dcm-skeleton-shimmer-to: rgba(229, 86, 2, 0.08);

    /* Section titles */
    --dcm-section-title-color: var(--dcm-color-text-primary);
    --dcm-section-subtitle-color: var(--dcm-color-text-secondary);
    --dcm-content-header-text-color: var(--dcm-color-text-primary);
    --dcm-content-header-border-color: #333333;
    --dcm-content-header-icon-color: var(--dcm-color-text-muted);

    /* Inline categories */
    --dcm-categories-card-bg: var(--dcm-color-primary);
    --dcm-categories-card-border-color: transparent;
    --dcm-categories-card-text-color: #fff;
    --dcm-categories-view-all-bg: var(--dcm-color-primary);
    --dcm-categories-view-all-color: #fff;
    --dcm-inline-categories-heading-color: #fff;
    --dcm-inline-categories-divider-color: #333333;

    /* Brands / sponsored brands carousel */
    --dcm-brands-title-color: var(--dcm-color-text-primary);
    --dcm-brands-no-results-color: var(--dcm-color-text-muted);
    --dcm-brands-card-bg: var(--dcm-color-body-bg);
    --dcm-brands-card-border-color: var(--dcm-color-border);
    --dcm-brands-card-border-radius: 8px;
    --dcm-brands-card-shadow: none;
    --dcm-brands-card-hover-shadow: none;
    --dcm-brands-card-name-color: var(--dcm-color-text-primary);
    --dcm-brands-card-placeholder-color: var(--dcm-color-text-muted);
    --dcm-brands-card-placeholder-bg: var(--dcm-color-body-bg);

    /* Breadcrumbs */
    --dcm-breadcrumb-link-color: var(--dcm-color-text-primary);
    --dcm-breadcrumb-active-color: var(--dcm-color-text-secondary);
    --dcm-breadcrumb-separator-color: var(--dcm-color-text-muted);

    /* Product */
    --dcm-product-page-bg: var(--dcm-color-body-bg);
    --dcm-product-name-color: var(--dcm-color-text-primary);
    --dcm-product-brand-color: #AEAEAE;
    --dcm-product-price-color: var(--dcm-color-text-secondary);
    --dcm-product-price-strikethrough-color: rgba(255, 255, 255, 0.45);
    --dcm-product-price-muted-color: var(--dcm-color-text-muted);
    --dcm-product-description-color: #ffffff;
    --dcm-product-effect-bg: #161616;
    --dcm-product-effect-text-color: #ffffff;
    --dcm-product-chip-bg: rgba(232, 88, 1, 0.3);
    --dcm-product-chip-text-color: #ffffff;
    --dcm-product-chip-hover-bg: rgba(232, 90, 1, 0.4);
    --dcm-product-progress-bg: #222222;
    --dcm-product-progress-fill: var(--dcm-color-primary);
    --dcm-product-input-bg: var(--dcm-color-body-bg);
    --dcm-product-input-border-color: #ffa60240;
    --dcm-product-option-bg: var(--dcm-color-body-bg);
    --dcm-product-option-border-color: #161616;
    --dcm-product-option-text-color: #ffffff;
    --dcm-product-detail-muted-color: #DADADA;

    /* Filter sidebar */
    --dcm-filter-heading-color: #FFA602;
    --dcm-filter-text-color: #ffffff;
    --dcm-filter-border-color: #616161;
    --dcm-filter-icon-color: var(--dcm-color-text-secondary);
    --dcm-filter-search-bg: var(--dcm-color-body-bg);
    --dcm-filter-search-border-color: var(--dcm-color-border);
    --dcm-filter-search-text-color: var(--dcm-color-text-primary);
    --dcm-filter-search-placeholder-color: var(--dcm-color-text-muted);
    --dcm-filter-search-icon-color: var(--dcm-color-text-muted);
    --dcm-filter-search-focus-border-color: var(--dcm-color-primary);
    --dcm-filter-search-focus-shadow: 0 0 0 2px rgba(229, 86, 2, 0.35);

    /* Carousel */
    --dcm-carousel-btn-bg: var(--dcm-color-primary);
    --dcm-carousel-btn-hover-bg: #e55a00;
    --dcm-carousel-btn-shadow: 0 3px 12px rgba(229, 86, 2, 0.5);
    --dcm-carousel-btn-arrow-color: var(--dcm-color-text-primary);

    /* Modal */
    --dcm-modal-bg: var(--dcm-color-surface);
    --dcm-modal-text-color: var(--dcm-color-text-primary);
    --dcm-modal-border-radius: var(--dcm-radius-lg);
    --dcm-modal-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);

    /* Log out */
    --dcm-logged-out-cta-border-color: var(--dcm-color-surface-muted);
    --dcm-logged-out-cta-text-color: var(--dcm-color-text-primary);
    --dcm-logged-out-cta-subtext-color: var(--dcm-color-text-muted);
    --dcm-logged-out-cta-link-color: var(--dcm-color-text-secondary);

    /* Skip Link */
    --dcm-skip-link-color: #ffffff;

    /* My Account Link */
    --dcm-account-link-icon-color: #E85800;

    /* Breadcrumbs */
    --dcm-breadcrumb-link-color: #ffffff;
    --dcm-breadcrumb-active-color: #E85800;
    --dcm-breadcrumb-separator-color: #616161;

  }

  
  html {
    font-family: var(--dcm-font-primary);
    background: var(--dcm-color-body-bg);
    /* Keep scrollbar space reserved so Sort by / Cards menus don't shift layout */
    overflow-y: scroll !important;
    scrollbar-gutter: stable !important;
  }

  body {
    background: var(--dcm-color-body-bg);
    color: var(--dcm-color-text-primary);
    font-family: var(--dcm-font-primary);
    /* Keep overflow visible so position:sticky headers can pin to the viewport.
       Scrollbar reservation stays on html (above). */
    overflow-x: hidden;
    overflow-y: visible;
  }