@font-face {
    font-family: 'Fraunces';
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(https://extensions.bud-authority.dutchie.partners/static/css/assets/fraunces-latin-var.48282a41.woff2) format('woff2');
  }

  @font-face {
    font-family: 'Fraunces';
    font-style: italic;
    font-display: swap;
    font-weight: 100 900;
    src: url(https://extensions.bud-authority.dutchie.partners/static/css/assets/fraunces-latin-var-italic.4af9c759.woff2) format('woff2');
  }

  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(https://extensions.bud-authority.dutchie.partners/static/css/assets/inter-latin-var.c9407645.woff2) format('woff2');
  }

  @font-face {
    font-family: 'Geist Mono';
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(https://extensions.bud-authority.dutchie.partners/static/css/assets/geist-mono-latin-var.5f3d6ad6.woff2) format('woff2');
  }

  :root:root {
    /* ------------------------------------------------------------------ *
     * BRAND PRIMITIVES, measured off the live site (light skin).
     * ------------------------------------------------------------------ */

    /* Walls: the cream page, the deeper footer slab, the near-white card. */
    --hl-paper: #f6edde;
    --hl-slab: #efe1cd;
    --hl-surface: #fdfcf9;
    --hl-white: #ffffff;
    --hl-sage-50: #f4f0e3;
    --hl-sage-100: #eae9d7;

    /* Ink: deep forest, never pure black. 900 is the headline, 800 the
       doors and links, 700 body, 600 muted. 500 is decoration only. */
    --hl-ink-900: #052016;
    --hl-ink-800: #1c3329;
    --hl-ink-700: #3b4c44;
    --hl-ink-600: #5b6661;
    --hl-ink-500: #8f8c84;
    --hl-line: #d7c8b6;
    --hl-line-2: #a9947e;

    /* Rust: the site's one accent (Shop Menu, eyebrows). 600 carries white
       labels; 700 is the text-safe tone for small type on cream. */
    --hl-rust-500: #b13e00;
    --hl-rust-600: #ab3600;
    --hl-rust-700: #922700;
    --hl-rust-100: #f8e6d8;

    /* Forest: the logo and the site's secondary buttons. */
    --hl-forest-700: #00583a;
    --hl-forest-800: #00472a;
    --hl-logo: #12452b;
    --hl-forest-100: #e3efe6;

    /* Gold, for the hybrid pill and the dark rail's kicker. */
    --hl-gold-100: #f6ecc8;
    --hl-gold-800: #5c4a00;
    --hl-gold-300: #f4c352;

    /* Night: the site's news rail and the Bud Authority badge pill. */
    --hl-night-950: #00150b;
    --hl-night-ink: #f1eee7;
    --hl-night-ink-2: #c2bdb4;
    --hl-night-line: #285140;

    --hl-font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
    --hl-font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
    --hl-font-mono: 'Geist Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

    --hl-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --hl-shadow-sm: 0 2px 8px -2px rgba(40, 30, 10, 0.08);
    --hl-shadow-md: 0 12px 32px -10px rgba(40, 30, 10, 0.1);
    --hl-shadow-pill:
      0 1px 0 0 rgba(255, 255, 255, 0.7) inset,
      0 -1px 0 0 rgba(40, 30, 10, 0.04) inset,
      0 10px 36px -14px rgba(40, 30, 10, 0.16),
      0 2px 6px -2px rgba(40, 30, 10, 0.08);
  }

  :root:root {
    /* ---- Type. ---- */
    --dcm-font-primary: var(--hl-font-sans);
    --dcm-font-secondary: var(--hl-font-sans);
    --dct--customized-fonts-primary: var(--hl-font-sans);
    --dcm-search-input-font-family: var(--hl-font-sans);
    --dcm-login-nudge-font-family: var(--hl-font-sans);

    /* ---- Base: cream walls, forest ink, rust as the accent. ---- */
    --dcm-color-body-bg: var(--hl-paper);
    --dcm-color-primary: var(--hl-rust-600);
    --dcm-color-surface: var(--hl-surface);
    --dcm-color-surface-hover: var(--hl-sage-50);
    --dcm-color-surface-muted: var(--hl-sage-50);
    --dcm-color-text-primary: var(--hl-ink-900);
    --dcm-color-text-default: var(--hl-ink-900);
    --dcm-color-text-secondary: var(--hl-ink-600);
    --dcm-color-text-muted: var(--hl-ink-700);
    --dcm-color-text-inverted: var(--hl-white);
    --dcm-color-border: var(--hl-line);
    --dcm-color-focus: var(--hl-rust-600);
    --dcm-color-focus-shadow: rgba(171, 54, 0, 0.3);
    --dcm-color-staff-pick-tag: var(--hl-forest-700);
    --dcm-color-discount-tag: var(--hl-rust-600);
    --dcm-color-status-open: var(--hl-forest-700);
    --dcm-color-status-closed: var(--hl-rust-700);
    --dct--customized-colors-staffPickTag: var(--hl-forest-700);
    --dct--customized-colors-discountTag: var(--hl-rust-600);
    --dct--customized-colors-navBar: var(--hl-surface);

    /* 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 site's rust does (6:1); it is also the site's own Shop
       Menu fill. */
    --dct--customized-colors-buttonsLinks: var(--hl-rust-600);
    --dcm-radius-cards: 20px;
    --dct--customized-radius-cards: 20px;
    --dcm-radius-lg: 12px;
    --dct--customized-radius-lg: 12px;
    --dcm-radius-xl: 20px;
    --dct--customized-radius-xl: 20px;

    /* ---- The host nav bar under our header: near-white, forest links. ----
       The host paints its links from header-text-color (stock #485055), so
       the bar and its link colour are always set together. */
    --dcm-color-navbar-bg: var(--hl-surface);
    --dcm-header-bg: var(--hl-surface);
    --dcm-header-text-color: var(--hl-ink-800);
    --dcm-header-border-color: var(--hl-line);
    --dcm-header-divider-color: var(--hl-line);
    --dcm-header-nav-title-text-color: var(--hl-ink-900);
    --dcm-nav-link-color: var(--hl-ink-800);
    --dcm-nav-link-hover-color: var(--hl-rust-700);
    --dcm-nav-link-active-color: var(--hl-rust-700);
    --dcm-nav-active-border-color: var(--hl-rust-600);
    --dcm-nav-divider-color: var(--hl-line);
    --dcm-search-icon-color: var(--hl-ink-800);
    --dcm-status-open-color: var(--hl-forest-700);
    --dcm-status-closed-color: var(--hl-rust-700);
    --dcm-status-label-color: var(--hl-ink-700);
    --dcm-menu-type-label-color: var(--hl-ink-700);
    --dcm-user-btn-name-color: var(--hl-ink-700);
    --dcm-account-link-icon-color: var(--hl-ink-700);
    --dcm-account-label-color: var(--hl-ink-700);
    --dcm-cart-btn-bg-empty: var(--hl-white);
    --dcm-cart-btn-text-empty: var(--hl-ink-900);
    --dcm-cart-btn-bg-active: var(--hl-rust-600);
    --dcm-cart-btn-text-active: var(--hl-white);
    --dcm-cart-btn-border-radius: 9999px;
    --dcm-storefront-header-bg: var(--hl-paper);
    --dcm-storefront-header-border-color: var(--hl-line);
    --dcm-infobar-bg: var(--hl-surface);
    --dcm-infobar-text-color: var(--hl-ink-900);
    --dcm-infobar-border-color: var(--hl-line);

    /* ---- Search and popovers. ---- */
    --dcm-search-input-border-color: var(--hl-line-2);
    --dcm-search-input-focus-border-color: var(--hl-rust-600);
    --dcm-search-input-focus-shadow: 0 0 0 3px rgba(171, 54, 0, 0.2);
    --dcm-popover-bg: var(--hl-white);
    --dcm-popover-item-color: var(--hl-ink-900);
    --dcm-popover-item-hover-bg: var(--hl-sage-50);
    --dcm-popover-border-radius: 16px;
    --dcm-popover-shadow: 0 2px 4px rgba(40, 30, 10, 0.06), 0 28px 60px -28px rgba(40, 30, 10, 0.35);
    --dcm-account-popover-item-color: var(--hl-ink-900);
    --dcm-account-popover-item-hover-bg: var(--hl-sage-50);
    --dcm-account-popover-logout-color: var(--hl-rust-700);
    --dcm-account-popover-border-radius: 16px;
    --dcm-login-nudge-text-color: var(--hl-ink-900);
    --dcm-login-nudge-link-color: var(--hl-rust-700);
    --dcm-login-nudge-social-btn-bg: var(--hl-sage-50);
    --dcm-login-nudge-shadow: 0 18px 44px -18px rgba(40, 30, 10, 0.4);

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

    /* ---- Category and brand cards. ---- */
    --dcm-categories-card-bg: var(--hl-surface);
    --dcm-categories-card-border-color: var(--hl-line);
    --dcm-categories-card-text-color: var(--hl-ink-900);
    --dcm-categories-card-hover-shadow: var(--hl-shadow-md);
    --dcm-categories-view-all-bg: var(--hl-sage-100);
    --dcm-categories-view-all-color: var(--hl-forest-700);
    --dcm-brands-card-bg: var(--hl-surface);
    --dcm-brands-card-border-color: var(--hl-line);
    --dcm-brands-card-border-radius: 20px;
    --dcm-brands-card-name-color: var(--hl-ink-900);
    --dcm-brands-card-hover-shadow: var(--hl-shadow-md);
    --dcm-brands-title-color: var(--hl-ink-900);

    /* ---- Product cards in the home carousels. ---- */
    --dcm-embedded-carousel-card-bg: var(--hl-surface);
    --dcm-embedded-carousel-card-border-color: var(--hl-line);
    --dcm-embedded-carousel-card-name-color: var(--hl-ink-900);
    --dcm-embedded-carousel-card-brand-color: var(--hl-ink-600);
    --dcm-embedded-carousel-card-price-color: var(--hl-ink-900);
    --dcm-embedded-carousel-card-radius: 20px;
    --dcm-carousel-btn-bg: var(--hl-surface);
    --dcm-carousel-btn-hover-bg: var(--hl-sage-50);
    --dcm-carousel-btn-arrow-color: var(--hl-ink-900);
    --dcm-carousel-btn-shadow: var(--hl-shadow-md);

    /* ---- Strain pills. Indica forest, sativa rust, hybrid gold, the rest
       sage: the site's own three tones, each as a wash with its ink. ---- */
    --dcm-strain-type-pill-bg-indica: var(--hl-forest-100);
    --dcm-strain-type-pill-text-indica: var(--hl-forest-700);
    --dcm-strain-type-pill-bg-indica-hybrid: var(--hl-forest-100);
    --dcm-strain-type-pill-text-indica-hybrid: var(--hl-forest-700);
    --dcm-strain-type-pill-bg-sativa: var(--hl-rust-100);
    --dcm-strain-type-pill-text-sativa: var(--hl-rust-700);
    --dcm-strain-type-pill-bg-sativa-hybrid: var(--hl-rust-100);
    --dcm-strain-type-pill-text-sativa-hybrid: var(--hl-rust-700);
    --dcm-strain-type-pill-bg-hybrid: var(--hl-gold-100);
    --dcm-strain-type-pill-text-hybrid: var(--hl-gold-800);
    --dcm-strain-type-pill-bg-cbd: var(--hl-sage-100);
    --dcm-strain-type-pill-text-cbd: var(--hl-ink-800);
    --dcm-strain-type-pill-bg-high-cbd: var(--hl-sage-100);
    --dcm-strain-type-pill-text-high-cbd: var(--hl-ink-800);
    --dcm-strain-type-pill-bg-cbg: var(--hl-sage-100);
    --dcm-strain-type-pill-text-cbg: var(--hl-ink-800);
    --dcm-strain-type-pill-bg-thc: var(--hl-sage-100);
    --dcm-strain-type-pill-text-thc: var(--hl-ink-800);
    --dcm-strain-type-pill-bg-seed: var(--hl-sage-50);
    --dcm-strain-type-pill-text-seed: var(--hl-ink-900);
    --dct--customized-colors-strainTypes-indica: var(--hl-forest-100);
    --dct--customized-colors-strainTypes-indica-hybrid: var(--hl-forest-100);
    --dct--customized-colors-strainTypes-sativa: var(--hl-rust-100);
    --dct--customized-colors-strainTypes-sativa-hybrid: var(--hl-rust-100);
    --dct--customized-colors-strainTypes-hybrid: var(--hl-gold-100);
    --dct--customized-colors-strainTypes-cbd: var(--hl-sage-100);
    --dct--customized-colors-strainTypes-high-cbd: var(--hl-sage-100);
    --dct--customized-colors-strainTypes-cbg: var(--hl-sage-100);
    --dct--customized-colors-strainTypes-thc: var(--hl-sage-100);
    --dct--customized-colors-strainTypes-seed: var(--hl-sage-50);

    /* ---- Product page. ---- */
    --dcm-product-page-bg: var(--hl-paper);
    --dcm-product-name-color: var(--hl-ink-900);
    --dcm-product-brand-color: var(--hl-rust-700);
    --dcm-product-price-color: var(--hl-ink-900);
    --dcm-product-price-muted-color: var(--hl-ink-600);
    --dcm-product-description-color: var(--hl-ink-800);
    --dcm-product-detail-text-color: var(--hl-ink-900);
    --dcm-product-detail-muted-color: var(--hl-ink-700);
    --dcm-product-subheading-color: var(--hl-ink-900);
    --dcm-product-option-bg: var(--hl-surface);
    --dcm-product-option-border-color: var(--hl-line-2);
    --dcm-product-option-text-color: var(--hl-ink-900);
    --dcm-product-chip-bg: var(--hl-sage-50);
    --dcm-product-chip-hover-bg: var(--hl-sage-100);
    --dcm-product-chip-text-color: var(--hl-ink-900);
    --dcm-product-effect-bg: var(--hl-forest-100);
    --dcm-product-effect-text-color: var(--hl-forest-700);
    --dcm-product-input-border-color: var(--hl-line-2);
    --dcm-product-progress-bg: var(--hl-sage-100);
    --dcm-product-progress-fill: var(--hl-forest-700);
    --dcm-product-accordion-icon-color: var(--hl-rust-700);

    /* ---- Filters. ---- */
    --dcm-filter-heading-color: var(--hl-ink-900);
    --dcm-filter-text-color: var(--hl-ink-900);
    --dcm-filter-border-color: var(--hl-line);
    --dcm-filter-icon-color: var(--hl-rust-700);
    --dcm-filter-search-border-color: var(--hl-line-2);
    --dcm-filter-search-focus-border-color: var(--hl-rust-600);
    --dcm-filter-search-focus-shadow: 0 0 0 3px rgba(171, 54, 0, 0.2);
    --dcm-filter-search-icon-color: var(--hl-ink-700);
    --dcm-filter-search-text-color: var(--hl-ink-900);

    /* ---- Cart, drawers, modals: light surfaces, so light grounds. ---- */
    --dcm-cart-bg: var(--hl-white);
    --dcm-cart-content-bg: var(--hl-surface);
    --dcm-cart-text-color: var(--hl-ink-900);
    --dcm-cart-text-muted-color: var(--hl-ink-600);
    --dcm-cart-price-color: var(--hl-ink-900);
    --dcm-cart-border-color: var(--hl-line);
    --dcm-cart-item-separator-color: var(--hl-line);
    --dcm-cart-item-border-color: var(--hl-sage-50);
    --dcm-cart-toggle-bg: var(--hl-sage-50);
    --dcm-cart-backdrop-color: rgba(5, 32, 22, 0.35);
    --dcm-added-to-cart-border-color: var(--hl-line);
    --dcm-added-to-cart-heading-color: var(--hl-ink-900);
    --dcm-drawer-bg: var(--hl-surface);
    --dcm-drawer-accent-color: var(--hl-rust-700);
    --dcm-drawer-tab-active-color: var(--hl-rust-700);
    --dcm-drawer-tab-inactive-color: var(--hl-ink-700);
    --dcm-drawer-nav-heading-color: var(--hl-ink-900);
    --dcm-drawer-nav-link-color: var(--hl-ink-700);
    --dcm-drawer-status-bg: var(--hl-sage-50);
    --dcm-bottom-drawer-text-color: var(--hl-ink-900);
    --dcm-modal-text-color: var(--hl-ink-900);
    --dcm-modal-footer-bg: var(--hl-sage-50);
    --dcm-modal-footer-text-color: var(--hl-ink-900);
    --dcm-modal-backdrop-color: rgba(0, 21, 11, 0.6);
    --dcm-modal-border-radius: 28px;

    /* ---- Age gate: the night rail behind, the forest ink on the panel. ---- */
    --dcm-age-gate-backdrop-color: rgba(0, 21, 11, 0.72);
    --dcm-age-gate-modal-text-color: var(--hl-ink-900);
    --dcm-age-gate-body-color: var(--hl-ink-700);
    --dcm-age-gate-link-color: var(--hl-rust-700);

    /* ---- Checkout. ---- */
    --dcm-checkout-heading-color: var(--hl-ink-700);
    --dcm-checkout-section-heading-color: var(--hl-ink-900);
    --dcm-checkout-text-color: var(--hl-ink-900);
    --dcm-checkout-link-color: var(--hl-rust-700);
    --dcm-checkout-input-border-color: var(--hl-line-2);
    --dcm-checkout-section-border-color: var(--hl-line);
    --dcm-checkout-summary-bg: var(--hl-sage-50);
    --dcm-checkout-summary-border-color: var(--hl-line);
    --dcm-checkout-summary-text-color: var(--hl-ink-900);
    --dcm-checkout-summary-total-color: var(--hl-ink-900);
    --dcm-checkout-save-info-bg: var(--hl-sage-50);

    /* ---- Loading placeholders. ---- */
    --dcm-skeleton-bg: var(--hl-sage-50);
    --dcm-skeleton-border-color: var(--hl-line);

    /* ---- Logged-out prompt and locations. ---- */
    --dcm-logged-out-cta-bg: var(--hl-sage-50);
    --dcm-logged-out-cta-border-color: var(--hl-line);
    --dcm-logged-out-cta-link-color: var(--hl-rust-700);
    --dcm-logged-out-cta-text-color: var(--hl-ink-900);
    --dcm-logged-out-cta-subtext-color: var(--hl-ink-700);
    --dcm-locations-link-color: var(--hl-rust-700);
    --dcm-locations-pin-color: var(--hl-rust-600);
    --dcm-skip-link-bg: var(--hl-rust-600);

    /* ---- The host's privacy strip, the last line under our footer. ---- */
    --dcm-privacy-footer-bg: var(--hl-slab);
    --dcm-privacy-footer-border-color: var(--hl-line);
    --dcm-privacy-footer-divider-color: var(--hl-line);
    --dcm-privacy-footer-text-color: var(--hl-ink-700);
    --dcm-privacy-footer-text-hover-color: var(--hl-rust-700);
    --dcm-footer-bg: var(--hl-slab);
    --dcm-footer-bg-sm: var(--hl-slab);
    --dcm-footer-text-color: var(--hl-ink-700);
  }

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