@font-face {
    font-family: 'Knewave';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(https://extensions.bud-authority.dutchie.partners/static/css/assets/knewave-latin-400.33e01e7b.woff2) format('woff2');
  }

  @font-face {
    font-family: 'Literata';
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: url(https://extensions.bud-authority.dutchie.partners/static/css/assets/literata-latin-600.d59af5b2.woff2) format('woff2');
  }

  @font-face {
    font-family: 'Literata';
    font-style: italic;
    font-display: swap;
    font-weight: 500;
    src: url(https://extensions.bud-authority.dutchie.partners/static/css/assets/literata-latin-500-italic.878db122.woff2) format('woff2');
  }

  @font-face {
    font-family: 'Mona Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 200 900;
    font-stretch: 75% 125%;
    src: url(https://extensions.bud-authority.dutchie.partners/static/css/assets/mona-sans-latin-var.ee160ac4.woff2) format('woff2');
  }

  :root:root {
    /* ------------------------------------------------------------------ *
     * BRAND PRIMITIVES, the site's own values (app/globals.css).
     * ------------------------------------------------------------------ */

    /* Walls: a pink-tinted white, the logo's own artboard. */
    --hn-paper-50: #fffafd;
    --hn-paper-100: #fdf1f9;
    --hn-paper-200: #f8e3f1;
    --hn-white: #ffffff;

    /* Logo pink. 500 is the painted body of the wordmark, 600 its hot
       shadow side, 700 carries small text, 900 is the extrusion. */
    --hn-pink-100: #ffe6f6;
    --hn-pink-300: #ff9de0;
    --hn-pink-400: #fd55cf;
    --hn-pink-500: #fb49c7;
    --hn-pink-600: #e918b5;
    --hn-pink-700: #c4069a;
    --hn-pink-900: #5c013d;

    /* Logo cyan: the neon line. 400 is the tube (light only); 750 is its
       text-safe ink. */
    --hn-cyan-100: #e3fdff;
    --hn-cyan-400: #1beff8;
    --hn-cyan-750: #006b78;
    --hn-cyan-900: #003940;

    /* The two bridge tubes of the four-channel nav. */
    --hn-violet-100: #f4ecff;
    --hn-violet-400: #a46bff;
    --hn-violet-700: #6a22c9;
    --hn-coral-200: #fff0eb;
    --hn-coral-400: #ff7a59;
    --hn-coral-700: #b83d1c;

    /* Ink: a plum black from the logo's shadow, never pure black. */
    --hn-ink-950: #14041a;
    --hn-ink-900: #22082a;
    --hn-ink-700: #5a4462;
    --hn-ink-600: #76637d;
    --hn-line: rgba(34, 8, 42, 0.12);
    --hn-line-2: rgba(34, 8, 42, 0.22);

    /* Neon glass. Only ever light, never a fill for text on a wall. */
    --hn-tube-pink: #fb2ebb;
    --hn-tube-core: #fff4fb;
    --hn-tube-cyan: #1beff8;
    --hn-tube-cyan-core: #f0ffff;

    /* Night: the sky the sign hangs in, and the type that sits on it. */
    --hn-night-950: #0e0619;
    --hn-night-900: #150a26;
    --hn-night-ink: #fff6fc;
    --hn-night-ink-2: #e9dfe7;

    /* NY OCM 129.2(e) "bright yellow text box". */
    --hn-ocm-yellow: #ffe45c;
    --hn-ocm-ink: #0f1410;

    --hn-font-display: 'Knewave', 'Impact', 'Arial Black', sans-serif;
    --hn-font-serif: 'Literata', Georgia, 'Times New Roman', serif;
    --hn-font-sans: 'Mona Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;

    --hn-ease-glide: cubic-bezier(0.22, 1, 0.36, 1);
    --hn-ease-snap: cubic-bezier(0.16, 1, 0.3, 1);
    --hn-shadow-soft: 0 1px 2px rgba(34, 8, 42, 0.05), 0 8px 24px -12px rgba(34, 8, 42, 0.2);
    --hn-shell: 1320px;

    /* Pink-tinted hairlines for the host's cards, read off the site's walls. */
    --hn-rose-line: #f0d3e6;
    --hn-rose-line-2: #e6b9d7;
  }

  :root:root {
    /* ---- Type: the site's text face everywhere the host sets type. ---- */
    --dcm-font-primary: var(--hn-font-sans);
    --dcm-font-secondary: var(--hn-font-sans);
    --dct--customized-fonts-primary: var(--hn-font-sans);
    --dcm-search-input-font-family: var(--hn-font-sans);
    --dcm-login-nudge-font-family: var(--hn-font-sans);

    /* ---- Base: pink-white walls, plum ink, logo pink as the accent. ---- */
    --dcm-color-body-bg: var(--hn-paper-50);
    --dcm-color-primary: var(--hn-pink-700);
    --dcm-color-surface: var(--hn-white);
    --dcm-color-surface-hover: var(--hn-paper-100);
    --dcm-color-surface-muted: var(--hn-paper-100);
    --dcm-color-text-primary: var(--hn-ink-900);
    --dcm-color-text-default: var(--hn-ink-900);
    --dcm-color-text-secondary: var(--hn-ink-600);
    --dcm-color-text-muted: var(--hn-ink-700);
    --dcm-color-text-inverted: var(--hn-white);
    --dcm-color-border: var(--hn-rose-line);
    --dcm-color-focus: var(--hn-cyan-750);
    --dcm-color-focus-shadow: rgba(27, 239, 248, 0.45);
    --dcm-color-staff-pick-tag: var(--hn-cyan-750);
    --dcm-color-discount-tag: var(--hn-pink-700);
    --dcm-color-status-open: var(--hn-cyan-750);
    --dcm-color-status-closed: var(--hn-pink-700);
    --dct--customized-colors-staffPickTag: var(--hn-cyan-750);
    --dct--customized-colors-discountTag: var(--hn-pink-700);
    --dct--customized-colors-navBar: var(--hn-pink-100);

    /* Primary buttons and links. The host hardcodes the primary button's
       label to WHITE with no token for it, so this fill has to carry white on
       its own. The logo's body pink (500) cannot; the site's small-text pink
       (700) can. */
    --dct--customized-colors-buttonsLinks: var(--hn-pink-700);
    --dcm-radius-cards: 20px;
    --dct--customized-radius-cards: 20px;
    --dcm-radius-lg: 16px;
    --dct--customized-radius-lg: 16px;
    --dcm-radius-xl: 20px;
    --dct--customized-radius-xl: 20px;

    /* ---- The host nav bar under our header: blush, ink links. ----
       It was plum, and the host paints its links from header-text-color
       (stock #485055): 1.8:1 on plum. Blush with plum ink reads at 14:1. */
    --dcm-color-navbar-bg: var(--hn-pink-100);
    --dcm-header-bg: var(--hn-pink-100);
    --dcm-header-text-color: var(--hn-ink-900);
    --dcm-header-border-color: var(--hn-rose-line-2);
    --dcm-header-divider-color: var(--hn-rose-line-2);
    --dcm-header-nav-title-text-color: var(--hn-ink-900);
    --dcm-nav-link-color: var(--hn-ink-900);
    --dcm-nav-link-hover-color: var(--hn-pink-700);
    --dcm-nav-link-active-color: var(--hn-pink-700);
    --dcm-nav-active-border-color: var(--hn-tube-pink);
    --dcm-nav-divider-color: var(--hn-rose-line-2);
    --dcm-search-icon-color: var(--hn-ink-900);
    --dcm-status-open-color: var(--hn-cyan-750);
    --dcm-status-closed-color: var(--hn-pink-700);
    --dcm-status-label-color: var(--hn-ink-700);
    --dcm-menu-type-label-color: var(--hn-ink-700);
    --dcm-user-btn-name-color: var(--hn-ink-700);
    --dcm-account-link-icon-color: var(--hn-ink-700);
    --dcm-account-label-color: var(--hn-ink-700);
    --dcm-cart-btn-bg-empty: var(--hn-white);
    --dcm-cart-btn-text-empty: var(--hn-ink-900);
    --dcm-cart-btn-bg-active: var(--hn-pink-700);
    --dcm-cart-btn-text-active: var(--hn-white);
    --dcm-cart-btn-border-radius: 9999px;
    --dcm-storefront-header-bg: var(--hn-paper-50);
    --dcm-storefront-header-border-color: var(--hn-rose-line);
    --dcm-infobar-bg: var(--hn-white);
    --dcm-infobar-text-color: var(--hn-ink-900);
    --dcm-infobar-border-color: var(--hn-rose-line);

    /* ---- Search and popovers. ---- */
    --dcm-search-input-border-color: var(--hn-rose-line-2);
    --dcm-search-input-focus-border-color: var(--hn-pink-700);
    --dcm-search-input-focus-shadow: 0 0 0 3px rgba(251, 46, 187, 0.25);
    --dcm-popover-bg: var(--hn-white);
    --dcm-popover-item-color: var(--hn-ink-900);
    --dcm-popover-item-hover-bg: var(--hn-pink-100);
    --dcm-popover-border-radius: 16px;
    --dcm-popover-shadow: 0 2px 4px rgba(34, 8, 42, 0.06), 0 28px 60px -28px rgba(34, 8, 42, 0.4);
    --dcm-account-popover-item-color: var(--hn-ink-900);
    --dcm-account-popover-item-hover-bg: var(--hn-pink-100);
    --dcm-account-popover-logout-color: var(--hn-pink-700);
    --dcm-account-popover-border-radius: 16px;
    --dcm-login-nudge-text-color: var(--hn-ink-900);
    --dcm-login-nudge-link-color: var(--hn-pink-700);
    --dcm-login-nudge-social-btn-bg: var(--hn-pink-100);
    --dcm-login-nudge-shadow: 0 18px 44px -18px rgba(34, 8, 42, 0.45);

    /* ---- Section titles and breadcrumbs. ---- */
    --dcm-section-title-color: var(--hn-ink-900);
    --dcm-section-subtitle-color: var(--hn-ink-700);
    --dcm-content-header-text-color: var(--hn-ink-900);
    --dcm-content-header-border-color: var(--hn-rose-line);
    --dcm-content-header-icon-color: var(--hn-pink-700);
    --dcm-breadcrumb-link-color: var(--hn-ink-700);
    --dcm-breadcrumb-active-color: var(--hn-ink-900);
    --dcm-breadcrumb-separator-color: var(--hn-pink-300);

    /* ---- Category and brand cards. ---- */
    --dcm-categories-card-bg: var(--hn-white);
    --dcm-categories-card-border-color: var(--hn-rose-line);
    --dcm-categories-card-text-color: var(--hn-ink-900);
    --dcm-categories-card-hover-shadow: 0 14px 30px -14px rgba(233, 24, 181, 0.55);
    --dcm-categories-view-all-bg: var(--hn-pink-100);
    --dcm-categories-view-all-color: var(--hn-pink-700);
    --dcm-brands-card-bg: var(--hn-white);
    --dcm-brands-card-border-color: var(--hn-rose-line);
    --dcm-brands-card-border-radius: 20px;
    --dcm-brands-card-name-color: var(--hn-ink-900);
    --dcm-brands-card-hover-shadow: 0 14px 30px -14px rgba(233, 24, 181, 0.55);
    --dcm-brands-title-color: var(--hn-ink-900);

    /* ---- Product cards in the home carousels. ---- */
    --dcm-embedded-carousel-card-bg: var(--hn-white);
    --dcm-embedded-carousel-card-border-color: var(--hn-rose-line);
    --dcm-embedded-carousel-card-name-color: var(--hn-ink-900);
    --dcm-embedded-carousel-card-brand-color: var(--hn-ink-600);
    --dcm-embedded-carousel-card-price-color: var(--hn-pink-700);
    --dcm-embedded-carousel-card-radius: 20px;
    --dcm-carousel-btn-bg: var(--hn-white);
    --dcm-carousel-btn-hover-bg: var(--hn-pink-100);
    --dcm-carousel-btn-arrow-color: var(--hn-pink-700);
    --dcm-carousel-btn-shadow: 0 6px 16px -6px rgba(233, 24, 181, 0.5);

    /* ---- Strain pills, in the site's four neon channels. Indica is the
       quiet night (violet), sativa the sunset (coral), hybrid the neon line
       (cyan), CBD and the rest the logo's blush. ---- */
    --dcm-strain-type-pill-bg-indica: var(--hn-violet-100);
    --dcm-strain-type-pill-text-indica: var(--hn-violet-700);
    --dcm-strain-type-pill-bg-indica-hybrid: var(--hn-violet-100);
    --dcm-strain-type-pill-text-indica-hybrid: var(--hn-violet-700);
    --dcm-strain-type-pill-bg-sativa: var(--hn-coral-200);
    --dcm-strain-type-pill-text-sativa: var(--hn-coral-700);
    --dcm-strain-type-pill-bg-sativa-hybrid: var(--hn-coral-200);
    --dcm-strain-type-pill-text-sativa-hybrid: var(--hn-coral-700);
    --dcm-strain-type-pill-bg-hybrid: var(--hn-cyan-100);
    --dcm-strain-type-pill-text-hybrid: var(--hn-cyan-750);
    --dcm-strain-type-pill-bg-cbd: var(--hn-pink-100);
    --dcm-strain-type-pill-text-cbd: var(--hn-pink-700);
    --dcm-strain-type-pill-bg-high-cbd: var(--hn-pink-100);
    --dcm-strain-type-pill-text-high-cbd: var(--hn-pink-700);
    --dcm-strain-type-pill-bg-cbg: var(--hn-pink-100);
    --dcm-strain-type-pill-text-cbg: var(--hn-pink-700);
    --dcm-strain-type-pill-bg-thc: var(--hn-pink-100);
    --dcm-strain-type-pill-text-thc: var(--hn-pink-700);
    --dcm-strain-type-pill-bg-seed: var(--hn-paper-100);
    --dcm-strain-type-pill-text-seed: var(--hn-ink-900);
    --dct--customized-colors-strainTypes-indica: var(--hn-violet-100);
    --dct--customized-colors-strainTypes-indica-hybrid: var(--hn-violet-100);
    --dct--customized-colors-strainTypes-sativa: var(--hn-coral-200);
    --dct--customized-colors-strainTypes-sativa-hybrid: var(--hn-coral-200);
    --dct--customized-colors-strainTypes-hybrid: var(--hn-cyan-100);
    --dct--customized-colors-strainTypes-cbd: var(--hn-pink-100);
    --dct--customized-colors-strainTypes-high-cbd: var(--hn-pink-100);
    --dct--customized-colors-strainTypes-cbg: var(--hn-pink-100);
    --dct--customized-colors-strainTypes-thc: var(--hn-pink-100);
    --dct--customized-colors-strainTypes-seed: var(--hn-paper-100);

    /* ---- Product page. ---- */
    --dcm-product-page-bg: var(--hn-paper-50);
    --dcm-product-name-color: var(--hn-ink-900);
    --dcm-product-brand-color: var(--hn-pink-700);
    --dcm-product-price-color: var(--hn-pink-700);
    --dcm-product-price-muted-color: var(--hn-ink-700);
    --dcm-product-description-color: var(--hn-ink-900);
    --dcm-product-detail-text-color: var(--hn-ink-900);
    --dcm-product-detail-muted-color: var(--hn-ink-700);
    --dcm-product-subheading-color: var(--hn-ink-900);
    --dcm-product-option-bg: var(--hn-pink-100);
    --dcm-product-option-border-color: var(--hn-rose-line-2);
    --dcm-product-option-text-color: var(--hn-ink-900);
    --dcm-product-chip-bg: var(--hn-pink-100);
    --dcm-product-chip-hover-bg: var(--hn-paper-200);
    --dcm-product-chip-text-color: var(--hn-ink-900);
    --dcm-product-effect-bg: var(--hn-violet-100);
    --dcm-product-effect-text-color: var(--hn-violet-700);
    --dcm-product-input-border-color: var(--hn-rose-line-2);
    --dcm-product-progress-bg: var(--hn-pink-100);
    --dcm-product-progress-fill: var(--hn-cyan-750);
    --dcm-product-accordion-icon-color: var(--hn-pink-700);

    /* ---- Filters. ---- */
    --dcm-filter-heading-color: var(--hn-ink-900);
    --dcm-filter-text-color: var(--hn-ink-900);
    --dcm-filter-border-color: var(--hn-rose-line);
    --dcm-filter-icon-color: var(--hn-pink-700);
    --dcm-filter-search-border-color: var(--hn-rose-line-2);
    --dcm-filter-search-focus-border-color: var(--hn-pink-700);
    --dcm-filter-search-focus-shadow: 0 0 0 3px rgba(251, 46, 187, 0.25);
    --dcm-filter-search-icon-color: var(--hn-ink-700);
    --dcm-filter-search-text-color: var(--hn-ink-900);

    /* ---- Cart, drawers, modals. ---- */
    --dcm-cart-bg: var(--hn-white);
    --dcm-cart-content-bg: var(--hn-paper-50);
    --dcm-cart-text-color: var(--hn-ink-900);
    --dcm-cart-text-muted-color: var(--hn-ink-600);
    --dcm-cart-price-color: var(--hn-ink-900);
    --dcm-cart-border-color: var(--hn-rose-line);
    --dcm-cart-item-separator-color: var(--hn-rose-line);
    --dcm-cart-item-border-color: var(--hn-paper-100);
    --dcm-cart-toggle-bg: var(--hn-paper-100);
    --dcm-cart-backdrop-color: rgba(34, 8, 42, 0.35);
    --dcm-added-to-cart-border-color: var(--hn-rose-line);
    --dcm-added-to-cart-heading-color: var(--hn-ink-900);
    --dcm-drawer-bg: var(--hn-paper-50);
    --dcm-drawer-accent-color: var(--hn-pink-700);
    --dcm-drawer-tab-active-color: var(--hn-pink-700);
    --dcm-drawer-tab-inactive-color: var(--hn-ink-700);
    --dcm-drawer-nav-heading-color: var(--hn-ink-900);
    --dcm-drawer-nav-link-color: var(--hn-ink-700);
    --dcm-drawer-status-bg: var(--hn-pink-100);
    --dcm-bottom-drawer-text-color: var(--hn-ink-900);
    --dcm-modal-text-color: var(--hn-ink-900);
    --dcm-modal-footer-bg: var(--hn-paper-100);
    --dcm-modal-footer-text-color: var(--hn-ink-900);
    --dcm-modal-backdrop-color: rgba(14, 6, 25, 0.6);
    --dcm-modal-border-radius: 28px;

    /* ---- Age gate: the night behind the sign, the pink panel button. ---- */
    --dcm-age-gate-backdrop-color: rgba(14, 6, 25, 0.72);
    --dcm-age-gate-modal-text-color: var(--hn-ink-900);
    --dcm-age-gate-body-color: var(--hn-ink-700);
    --dcm-age-gate-link-color: var(--hn-pink-700);

    /* ---- Checkout. ---- */
    --dcm-checkout-heading-color: var(--hn-ink-700);
    --dcm-checkout-section-heading-color: var(--hn-ink-900);
    --dcm-checkout-text-color: var(--hn-ink-900);
    --dcm-checkout-link-color: var(--hn-pink-700);
    --dcm-checkout-input-border-color: var(--hn-rose-line-2);
    --dcm-checkout-section-border-color: var(--hn-rose-line);
    --dcm-checkout-summary-bg: var(--hn-paper-100);
    --dcm-checkout-summary-border-color: var(--hn-rose-line);
    --dcm-checkout-summary-text-color: var(--hn-ink-900);
    --dcm-checkout-summary-total-color: var(--hn-ink-900);
    --dcm-checkout-save-info-bg: var(--hn-paper-100);

    /* ---- Loading placeholders, tinted so a slow load is still on-brand. ---- */
    --dcm-skeleton-bg: var(--hn-paper-100);
    --dcm-skeleton-border-color: var(--hn-rose-line);

    /* ---- Logged-out prompt and locations. ---- */
    --dcm-logged-out-cta-bg: var(--hn-pink-100);
    --dcm-logged-out-cta-border-color: var(--hn-rose-line-2);
    --dcm-logged-out-cta-link-color: var(--hn-pink-700);
    --dcm-logged-out-cta-text-color: var(--hn-ink-900);
    --dcm-logged-out-cta-subtext-color: var(--hn-ink-700);
    --dcm-locations-link-color: var(--hn-pink-700);
    --dcm-locations-pin-color: var(--hn-pink-700);
    --dcm-skip-link-bg: var(--hn-pink-700);

    /* ---- The host's privacy strip, the last line under the OCM band. It
       was stock white with grey links; it takes the page wall and ink. ---- */
    --dcm-privacy-footer-bg: var(--hn-paper-50);
    --dcm-privacy-footer-border-color: var(--hn-rose-line);
    --dcm-privacy-footer-divider-color: var(--hn-rose-line-2);
    --dcm-privacy-footer-text-color: var(--hn-ink-700);
    --dcm-privacy-footer-text-hover-color: var(--hn-pink-700);
    --dcm-footer-bg: var(--hn-paper-50);
    --dcm-footer-bg-sm: var(--hn-paper-50);
    --dcm-footer-text-color: var(--hn-ink-700);
  }

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