.shoprocket[data-theme="darkmatter"][data-color-scheme="light"] {
  --sr-font-heading: var(--font-heading, inherit);
  --sr-font-heading-weight: 700;
  --sr-font-heading-style: normal;
  --sr-font-heading-tracking: -0.01em;
  --sr-font-heading-leading: 1.15;
  --sr-font-heading-transform: none;
  --sr-font-body: var(--font-body, inherit);
  --sr-font-body-weight: 400;
  --sr-font-body-style: normal;
  --sr-font-body-tracking: normal;
  --sr-font-body-leading: 1.6;
  --sr-font-body-transform: none;
  --sr-size-display: clamp(2.5rem, 1rem + 9vw, 9rem);
  --sr-size-h1: clamp(1.9rem, 1.3rem + 2.6vw, 3rem);
  --sr-size-h2: clamp(1.35rem, 1.1rem + 1vw, 1.75rem);
  --sr-size-h3: clamp(1.1rem, .98rem + .6vw, 1.35rem);
  --sr-size-body: clamp(.95rem, .9rem + .25vw, 1.05rem);
  --sr-size-small: clamp(.8rem, .78rem + .1vw, .875rem);
  --sr-size-meta: .75rem;
  --sr-eyebrow-size: var(--sr-size-meta);
  --sr-eyebrow-weight: 600;
  --sr-eyebrow-tracking: .08em;
  --sr-eyebrow-transform: uppercase;
  --sr-eyebrow-opacity: .7;
  --sr-heading-family: var(--sr-font-heading);
  --sr-heading-weight: var(--sr-font-heading-weight);
  --sr-heading-tracking: var(--sr-font-heading-tracking);
  --sr-heading-leading: var(--sr-font-heading-leading);
  --sr-heading-transform: var(--sr-font-heading-transform);
  --sr-body-family: var(--sr-font-body);
  --sr-body-weight: var(--sr-font-body-weight);
  --sr-body-leading: var(--sr-font-body-leading);
  --sr-nav-size: .875rem;
  --sr-nav-weight: 400;
  --sr-nav-tracking: normal;
  --sr-nav-transform: none;
  --sr-site-title-family: var(--sr-heading-family);
  --sr-site-title-size: 1.0625rem;
  --sr-site-title-weight: 600;
  --sr-site-title-tracking: -0.01em;
  --sr-site-title-transform: none;
  --sr-product-title-family: var(--sr-body-family);
  --sr-product-title-weight: 500;
  --sr-product-title-tracking: normal;
  --sr-product-title-transform: none;
  --sr-product-price-family: var(--sr-body-family);
  --sr-product-price-weight: 500;
  --sr-button-family: var(--sr-body-family);
  --sr-button-size: .9rem;
  --sr-button-weight: 500;
  --sr-button-tracking: normal;
  --sr-button-transform: none;
  --sr-radius-button: var(--radius, .375rem);
  --sr-radius-card: var(--radius, .375rem);
  --sr-radius-image: var(--radius, .375rem);
  --sr-radius-input: var(--radius, .375rem);
  --sr-radius-badge: 999px;
  --sr-border-width: 1px;
  --sr-card-border: 1px solid var(--border, #e5e7eb);
  --sr-card-shadow: none;
  --sr-card-background: var(--card, var(--background, #ffffff));
  --sr-button-border-width: 1px;
  --sr-button-secondary-background: transparent;
  --sr-button-secondary-border: 1px solid currentColor;
  --sr-button-row-gap: .75rem;
  --sr-brand-min: 0px;
  --sr-page-width: 1140px;
  --sr-page-padding: 1.25rem;
  --sr-section-pad-tight: 1.5rem 1.25rem;
  --sr-section-pad-comfortable: 3rem 1.25rem;
  --sr-section-pad-roomy: 5rem 1.25rem;
  --sr-stack-gap: .75rem;
  --sr-grid-gap: 1.5rem 1rem;
  --sr-grid-min: 220px;
  --sr-split-min: 18rem;
  --sr-content-narrow: 47.5rem;
  --sr-content-wide: 1140px;
  --sr-columns-min-2: 16rem;
  --sr-columns-min-3: 12rem;
  --sr-columns-min-4: 9.5rem;
  --sr-gallery-tile-small: 8rem;
  --sr-gallery-tile-medium: 16rem;
  --sr-gallery-tile-large: 26rem;
  --sr-backdrop-fg: #ffffff;
  --sr-backdrop-scrim: rgba(0,0,0,.42);
  --sr-backdrop-fg-light: #171717;
  --sr-backdrop-scrim-light: rgba(255,255,255,.62);
  --sr-hero-min-tall: clamp(24rem, 14rem + 32vw, 42rem);
  --sr-hero-min-full: 100svh;
  --sr-card-padding: 0;
  --sr-product-grid-padding: 1rem;
  --sr-product-grid-gap: 1rem;
  --sr-product-image-aspect-ratio: 3/4;
  --sr-product-image-radius: 0;
  --sr-product-title-size: 0.875rem;
  --sr-product-price-size: 0.875rem;
  --sr-product-section-gap: 0.5rem;
  --sr-swatch-size: 32px;
  --sr-star-color: #f59e0b;
  --sr-star-empty: #d1d5db;
  --sr-radius: 8px;
  --sr-category-cols: 3;
  --sr-category-cols-sm: 2;
  --sr-category-cols-md: 3;
  --sr-category-title-size: 1.125rem;
  --sr-modal-background: var(--card, white);
  --sr-modal-border-radius: var(--radius, .375rem);
  --sr-modal-close-background: rgba(0, 0, 0, 0.1);
  --sr-modal-close-color: var(--card-foreground, #333);
  --sr-modal-close-hover-background: rgba(0, 0, 0, 0.2);
  --sr-product-title-align: start;
  --sr-product-meta-gap: 0.5rem;
  --sr-product-card-background: transparent;
  --sr-product-card-border: none;
  --sr-product-hover: none;
  --sr-button-padding-x: 1rem;
  --sr-button-padding-y: 0.5rem;
  --sr-button-font-size: 0.875rem;
  --sr-button-primary-opacity-hover: .9;
  --sr-button-min-height: 64px;
  --sr-nav-weight-active: 500;
  --sr-main-pad: 2rem 0 3.5rem;
  --sr-main-pad-bleed: 0 0 3.5rem;
  --sr-empty-pad: 3rem 1.5rem;
  --sr-foot-pad: 2.5rem 0 2rem;
  --sr-foot-pad-compact: 2rem 0 1.75rem;
  --sr-current-crumb-opacity: .95;
  --sr-oops-width: 480px;
  --sr-facet-label-width: 5rem;
  --sr-facet-count-opacity: .55;
  --sr-swatch-dot-size: .7rem;
  --sr-search-width: 320px;
  --sr-newsletter-field-basis: 16rem;
  --sr-button-min-height-mobile: 56px;
  --sr-page-title-size: clamp(1.5rem, 1.15rem + 1.4vw, 2rem);
  --sr-meta-size-loose: .8125rem;
  --sr-crumbs-margin-bottom: 1.25rem;
  --sr-crumbs-separator-opacity: .35;
  --sr-nav-gap: 1.25rem;
  --sr-cart-font-size: .8125rem;
  --sr-foot-cols-gap: 2rem;
  --sr-foot-cols-gap-mobile: 1.75rem;
  --sr-brand-logo-size-mobile: 28px;
  --sr-foot-brand-logo-size: 36px;
  --sr-page-padding-mobile: 1rem;
  --sr-switch-weight-active: 600;
  --sr-switch-padding: .375rem .625rem;
  --sr-switch-chevron: .3125rem;
  --sr-switch-menu-offset: .375rem;
  --sr-switch-menu-width: 10rem;
  --sr-switch-menu-padding: .25rem;
  --sr-switch-item-padding: .5rem .75rem;
  --sr-switch-menu-shadow: 0 10px 30px -10px rgb(0 0 0 / .25);
  --sr-switch-z: 30;
  --sr-head-transition: .25s;
  --sr-head-offset: 0px;
  --sr-head-over-fg: #ffffff;
  --sr-head-over-rule: rgb(255 255 255 / .25);
  --sr-dd-chevron-gap: .375rem;
  --sr-dd-width: 14rem;
  --sr-dd-padding: .5rem;
  --sr-dd-item-padding: .5rem .75rem;
  --sr-mega-padding: 1.5rem 0;
  --sr-mega-tile-min: 10rem;
  --sr-mega-gap: 1rem;
  --sr-mega-caption-gap: .5rem;
  --sr-mega-image-ratio: 4 / 3;
  --sr-menu-button-size: 2.25rem;
  --sr-menu-bar-width: 1.125rem;
  --sr-menu-bar-weight: 2px;
  --sr-menu-bar-gap: .3125rem;
  --sr-drawer-z: 10001;
  --sr-drawer-overlay: rgb(0 0 0 / .4);
  --sr-drawer-width: 20rem;
  --sr-drawer-padding: 1.25rem;
  --sr-drawer-shadow: 0 0 40px rgb(0 0 0 / .2);
  --sr-drawer-item-padding: .75rem 0;
  --sr-drawer-indent: 1rem;
  --sr-drawer-item-gap: .5rem;
  --sr-drawer-child-padding: .375rem 0;
  --sr-ann-size: .8125rem;
  --sr-ann-gap: 1.5rem;
  --sr-ann-height: 2.25rem;
  --sr-ann-pad-y: .5rem;
  --sr-ann-close-size: 1.125rem;
  --sr-ann-close-leading: 1;
  --sr-ann-close-room: 2rem;
  --sr-social-gap: .75rem;
  --sr-social-size: 1.125rem;
  --sr-foot-field-basis: 12rem;
  --sr-foot-signup-gap: 1.5rem;
  --sr-foot-bottom-margin-top: 2rem;
  --sr-foot-compact-bottom-margin-top: 1.5rem;
  --sr-foot-pay-margin-top: 2rem;
  --sr-foot-pay-gap: .75rem;
  --sr-foot-pay-mark-size: 24px;
  --sr-footer-wordmark-margin-top: 2rem;
  --sr-footer-wordmark-size: clamp(2rem, 13vw, 12rem);
  --sr-footer-wordmark-fit: 13vw;
  --sr-footer-wordmark-leading: .9;
  --sr-footer-wordmark-tracking: -.02em;
  --sr-footer-wordmark-opacity: .35;
  --sr-gallery-tile-gap: 1rem;
  --sr-pagination-margin-top: 2rem;
  --sr-filter-bar-margin-bottom: 1.5rem;
  --sr-badge-padding-y: .125rem;
  --sr-badge-padding-x: .5rem;
  --sr-pagination-padding-y: .25rem;
  --sr-pagination-padding-x: .6rem;
  --sr-group-gap-tight: .75rem;
  --sr-group-gap: 1.5rem;
  --sr-group-gap-loose: 2.5rem;
  --sr-group-card-padding: 1.5rem;
  --sr-group-cell-min-row: 11rem;
  --sr-group-cell-min-2: 16rem;
  --sr-group-cell-min-3: 12rem;
  --sr-group-cell-min-4: 10.5rem;
  --sr-group-cell-min-bento: 16rem;
  --sr-aspect-square: 1 / 1;
  --sr-aspect-portrait: 4 / 5;
  --sr-aspect-landscape: 16 / 9;
  --sr-spacer-s: 1rem;
  --sr-spacer-m: 2rem;
  --sr-spacer-l: 4rem;
  --sr-icon-size: 2rem;
  --sr-stat-size: clamp(2rem, 1.5rem + 2vw, 3rem);
  --sr-stat-gap: .25rem;
  --sr-scroll-gap: 3rem;
  --sr-marquee-duration-slow: 60s;
  --sr-marquee-duration-medium: 35s;
  --sr-marquee-duration-fast: 18s;
  --sr-marquee-icon-size: 1em;
  --sr-logo-strip-duration: 40s;
  --sr-logo-height: 2.5rem;
  --sr-logo-filter: grayscale(1);
  --sr-slide-min-height: clamp(20rem, 12rem + 30vw, 36rem);
  --sr-slide-pad: 3rem 1.5rem;
  --sr-slide-dot-size: .625rem;
  --sr-slide-control-size: 2.5rem;
  --sr-video-overlay-min-height: clamp(22rem, 14rem + 30vw, 40rem);
  --sr-collage-row: clamp(1.5rem, .5rem + 3vw, 3rem);
  --sr-collage-inset-ring: 0 0 0 .5rem var(--sr-section-bg);
  --sr-testimonial-photo: 2.5rem;
  --sr-carousel-tile: 18rem;
  --sr-countdown-size: clamp(1.75rem, 1.2rem + 2.4vw, 3.25rem);
  --sr-countdown-cell-min: 5.5rem;
  --sr-hotspot-size: 2rem;
  --sr-hotspot-shadow: 0 0 0 .25rem rgba(255,255,255,.45);
  --sr-hotspot-focus: 2px solid var(--primary, #111827);
  --sr-hotspot-focus-offset: 2px;
  --sr-hotspot-card-width: min(16rem, 80vw);
  --sr-hotspot-card-shadow: 0 .5rem 1.5rem rgba(0,0,0,.18);
  --sr-hotspot-thumb: 4rem;
  --sr-hotspot-list-ring: 0 0 0 1px var(--border, #e5e7eb);
  --card: #ffffff;
  --ring: #d87943;
  --input: #e5e7eb;
  --muted: #f3f4f6;
  --accent: #eeeeee;
  --border: #e5e7eb;
  --radius: 0.75rem;
  --chart-1: #5f8787;
  --chart-2: #e78a53;
  --chart-3: #fbcb97;
  --chart-4: #888888;
  --chart-5: #999999;
  --popover: #ffffff;
  --primary: #d87943;
  --sidebar: #f3f4f6;
  --spacing: 0.25rem;
  --font-body: Geist Mono, ui-monospace, monospace;
  --secondary: #527575;
  --background: #ffffff;
  --foreground: #111827;
  --destructive: #ef4444;
  --shadow-blur: 4px;
  --font-heading: Geist Mono, ui-monospace, monospace;
  --shadow-color: #000000;
  --sidebar-ring: #d87943;
  --shadow-spread: 0px;
  --letter-spacing: 0rem;
  --shadow-opacity: 0.05;
  --sidebar-accent: #ffffff;
  --sidebar-border: #e5e7eb;
  --card-foreground: #111827;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 1px;
  --sidebar-primary: #d87943;
  --muted-foreground: #6b7280;
  --accent-foreground: #111827;
  --popover-foreground: #111827;
  --primary-foreground: #ffffff;
  --sidebar-foreground: #111827;
  --secondary-foreground: #ffffff;
  --destructive-foreground: #fafafa;
  --sidebar-accent-foreground: #111827;
  --sidebar-primary-foreground: #ffffff;
  --sr-on-surface: #171717;
  --sr-on-surface-muted: color-mix(in srgb, #171717 70%, #ffffff);
  --sr-border-on-surface: color-mix(in srgb, #171717 20%, transparent);
  --sr-on-sand: #171717;
  --sr-on-sand-muted: color-mix(in srgb, #171717 70%, #f3f4f6);
  --sr-border-on-sand: color-mix(in srgb, #171717 20%, transparent);
  --sr-on-brand: #171717;
  --sr-on-brand-muted: color-mix(in srgb, #171717 75%, #d87943);
  --sr-border-on-brand: color-mix(in srgb, #171717 30%, transparent);
  --sr-on-accent: #171717;
  --sr-scheme-base-bg: var(--background);
  --sr-scheme-base-surface: var(--background);
  --sr-scheme-base-card: var(--card);
  --sr-scheme-base-muted: var(--muted);
  --sr-scheme-base-text: var(--foreground);
  --sr-scheme-base-text-muted: var(--muted-foreground);
  --sr-scheme-base-on: var(--sr-on-surface, var(--foreground));
  --sr-scheme-base-on-muted: var(--sr-on-surface-muted, var(--muted-foreground));
  --sr-scheme-base-border-on: var(--sr-border-on-surface, var(--border));
  --sr-scheme-base-border: var(--border);
  --sr-scheme-base-button: var(--primary);
  --sr-scheme-base-button-text: var(--primary-foreground);
  --sr-scheme-soft-bg: var(--muted, var(--background));
  --sr-scheme-soft-surface: var(--background);
  --sr-scheme-soft-card: var(--card);
  --sr-scheme-soft-muted: var(--muted);
  --sr-scheme-soft-text: var(--foreground);
  --sr-scheme-soft-text-muted: var(--muted-foreground);
  --sr-scheme-soft-on: var(--sr-on-sand, var(--foreground));
  --sr-scheme-soft-on-muted: var(--sr-on-sand-muted, var(--muted-foreground));
  --sr-scheme-soft-border-on: var(--sr-border-on-sand, var(--border));
  --sr-scheme-soft-border: var(--border);
  --sr-scheme-soft-button: var(--primary);
  --sr-scheme-soft-button-text: var(--primary-foreground);
  --sr-scheme-contrast-bg: #111827;
  --sr-scheme-contrast-surface: #242a38;
  --sr-scheme-contrast-card: #242a38;
  --sr-scheme-contrast-muted: #242a38;
  --sr-scheme-contrast-text: #ffffff;
  --sr-scheme-contrast-text-muted: #bcbec3;
  --sr-scheme-contrast-on: #ffffff;
  --sr-scheme-contrast-on-muted: #bcbec3;
  --sr-scheme-contrast-border-on: #454b57;
  --sr-scheme-contrast-border: #454b57;
  --sr-scheme-contrast-button: #ffffff;
  --sr-scheme-contrast-button-text: #171717;
  --sr-scheme-accent-bg: var(--primary);
  --sr-scheme-accent-surface: color-mix(in srgb, var(--sr-on-brand) 12%, var(--primary));
  --sr-scheme-accent-card: color-mix(in srgb, var(--sr-on-brand) 12%, var(--primary));
  --sr-scheme-accent-muted: color-mix(in srgb, var(--sr-on-brand) 12%, var(--primary));
  --sr-scheme-accent-text: var(--sr-on-brand, var(--primary-foreground));
  --sr-scheme-accent-text-muted: var(--sr-on-brand-muted, var(--primary-foreground));
  --sr-scheme-accent-on: var(--sr-on-brand, var(--primary-foreground));
  --sr-scheme-accent-on-muted: var(--sr-on-brand-muted, var(--primary-foreground));
  --sr-scheme-accent-border-on: var(--sr-border-on-brand, var(--primary-foreground));
  --sr-scheme-accent-border: var(--sr-border-on-brand, var(--primary-foreground));
  --sr-scheme-accent-button: var(--sr-on-brand, var(--primary-foreground));
  --sr-scheme-accent-button-text: var(--primary);
}

@media (prefers-color-scheme: light) {
  .shoprocket[data-theme="darkmatter"][data-color-scheme="auto"] {
  --sr-font-heading: var(--font-heading, inherit);
  --sr-font-heading-weight: 700;
  --sr-font-heading-style: normal;
  --sr-font-heading-tracking: -0.01em;
  --sr-font-heading-leading: 1.15;
  --sr-font-heading-transform: none;
  --sr-font-body: var(--font-body, inherit);
  --sr-font-body-weight: 400;
  --sr-font-body-style: normal;
  --sr-font-body-tracking: normal;
  --sr-font-body-leading: 1.6;
  --sr-font-body-transform: none;
  --sr-size-display: clamp(2.5rem, 1rem + 9vw, 9rem);
  --sr-size-h1: clamp(1.9rem, 1.3rem + 2.6vw, 3rem);
  --sr-size-h2: clamp(1.35rem, 1.1rem + 1vw, 1.75rem);
  --sr-size-h3: clamp(1.1rem, .98rem + .6vw, 1.35rem);
  --sr-size-body: clamp(.95rem, .9rem + .25vw, 1.05rem);
  --sr-size-small: clamp(.8rem, .78rem + .1vw, .875rem);
  --sr-size-meta: .75rem;
  --sr-eyebrow-size: var(--sr-size-meta);
  --sr-eyebrow-weight: 600;
  --sr-eyebrow-tracking: .08em;
  --sr-eyebrow-transform: uppercase;
  --sr-eyebrow-opacity: .7;
  --sr-heading-family: var(--sr-font-heading);
  --sr-heading-weight: var(--sr-font-heading-weight);
  --sr-heading-tracking: var(--sr-font-heading-tracking);
  --sr-heading-leading: var(--sr-font-heading-leading);
  --sr-heading-transform: var(--sr-font-heading-transform);
  --sr-body-family: var(--sr-font-body);
  --sr-body-weight: var(--sr-font-body-weight);
  --sr-body-leading: var(--sr-font-body-leading);
  --sr-nav-size: .875rem;
  --sr-nav-weight: 400;
  --sr-nav-tracking: normal;
  --sr-nav-transform: none;
  --sr-site-title-family: var(--sr-heading-family);
  --sr-site-title-size: 1.0625rem;
  --sr-site-title-weight: 600;
  --sr-site-title-tracking: -0.01em;
  --sr-site-title-transform: none;
  --sr-product-title-family: var(--sr-body-family);
  --sr-product-title-weight: 500;
  --sr-product-title-tracking: normal;
  --sr-product-title-transform: none;
  --sr-product-price-family: var(--sr-body-family);
  --sr-product-price-weight: 500;
  --sr-button-family: var(--sr-body-family);
  --sr-button-size: .9rem;
  --sr-button-weight: 500;
  --sr-button-tracking: normal;
  --sr-button-transform: none;
  --sr-radius-button: var(--radius, .375rem);
  --sr-radius-card: var(--radius, .375rem);
  --sr-radius-image: var(--radius, .375rem);
  --sr-radius-input: var(--radius, .375rem);
  --sr-radius-badge: 999px;
  --sr-border-width: 1px;
  --sr-card-border: 1px solid var(--border, #e5e7eb);
  --sr-card-shadow: none;
  --sr-card-background: var(--card, var(--background, #ffffff));
  --sr-button-border-width: 1px;
  --sr-button-secondary-background: transparent;
  --sr-button-secondary-border: 1px solid currentColor;
  --sr-button-row-gap: .75rem;
  --sr-brand-min: 0px;
  --sr-page-width: 1140px;
  --sr-page-padding: 1.25rem;
  --sr-section-pad-tight: 1.5rem 1.25rem;
  --sr-section-pad-comfortable: 3rem 1.25rem;
  --sr-section-pad-roomy: 5rem 1.25rem;
  --sr-stack-gap: .75rem;
  --sr-grid-gap: 1.5rem 1rem;
  --sr-grid-min: 220px;
  --sr-split-min: 18rem;
  --sr-content-narrow: 47.5rem;
  --sr-content-wide: 1140px;
  --sr-columns-min-2: 16rem;
  --sr-columns-min-3: 12rem;
  --sr-columns-min-4: 9.5rem;
  --sr-gallery-tile-small: 8rem;
  --sr-gallery-tile-medium: 16rem;
  --sr-gallery-tile-large: 26rem;
  --sr-backdrop-fg: #ffffff;
  --sr-backdrop-scrim: rgba(0,0,0,.42);
  --sr-backdrop-fg-light: #171717;
  --sr-backdrop-scrim-light: rgba(255,255,255,.62);
  --sr-hero-min-tall: clamp(24rem, 14rem + 32vw, 42rem);
  --sr-hero-min-full: 100svh;
  --sr-card-padding: 0;
  --sr-product-grid-padding: 1rem;
  --sr-product-grid-gap: 1rem;
  --sr-product-image-aspect-ratio: 3/4;
  --sr-product-image-radius: 0;
  --sr-product-title-size: 0.875rem;
  --sr-product-price-size: 0.875rem;
  --sr-product-section-gap: 0.5rem;
  --sr-swatch-size: 32px;
  --sr-star-color: #f59e0b;
  --sr-star-empty: #d1d5db;
  --sr-radius: 8px;
  --sr-category-cols: 3;
  --sr-category-cols-sm: 2;
  --sr-category-cols-md: 3;
  --sr-category-title-size: 1.125rem;
  --sr-modal-background: var(--card, white);
  --sr-modal-border-radius: var(--radius, .375rem);
  --sr-modal-close-background: rgba(0, 0, 0, 0.1);
  --sr-modal-close-color: var(--card-foreground, #333);
  --sr-modal-close-hover-background: rgba(0, 0, 0, 0.2);
  --sr-product-title-align: start;
  --sr-product-meta-gap: 0.5rem;
  --sr-product-card-background: transparent;
  --sr-product-card-border: none;
  --sr-product-hover: none;
  --sr-button-padding-x: 1rem;
  --sr-button-padding-y: 0.5rem;
  --sr-button-font-size: 0.875rem;
  --sr-button-primary-opacity-hover: .9;
  --sr-button-min-height: 64px;
  --sr-nav-weight-active: 500;
  --sr-main-pad: 2rem 0 3.5rem;
  --sr-main-pad-bleed: 0 0 3.5rem;
  --sr-empty-pad: 3rem 1.5rem;
  --sr-foot-pad: 2.5rem 0 2rem;
  --sr-foot-pad-compact: 2rem 0 1.75rem;
  --sr-current-crumb-opacity: .95;
  --sr-oops-width: 480px;
  --sr-facet-label-width: 5rem;
  --sr-facet-count-opacity: .55;
  --sr-swatch-dot-size: .7rem;
  --sr-search-width: 320px;
  --sr-newsletter-field-basis: 16rem;
  --sr-button-min-height-mobile: 56px;
  --sr-page-title-size: clamp(1.5rem, 1.15rem + 1.4vw, 2rem);
  --sr-meta-size-loose: .8125rem;
  --sr-crumbs-margin-bottom: 1.25rem;
  --sr-crumbs-separator-opacity: .35;
  --sr-nav-gap: 1.25rem;
  --sr-cart-font-size: .8125rem;
  --sr-foot-cols-gap: 2rem;
  --sr-foot-cols-gap-mobile: 1.75rem;
  --sr-brand-logo-size-mobile: 28px;
  --sr-foot-brand-logo-size: 36px;
  --sr-page-padding-mobile: 1rem;
  --sr-switch-weight-active: 600;
  --sr-switch-padding: .375rem .625rem;
  --sr-switch-chevron: .3125rem;
  --sr-switch-menu-offset: .375rem;
  --sr-switch-menu-width: 10rem;
  --sr-switch-menu-padding: .25rem;
  --sr-switch-item-padding: .5rem .75rem;
  --sr-switch-menu-shadow: 0 10px 30px -10px rgb(0 0 0 / .25);
  --sr-switch-z: 30;
  --sr-head-transition: .25s;
  --sr-head-offset: 0px;
  --sr-head-over-fg: #ffffff;
  --sr-head-over-rule: rgb(255 255 255 / .25);
  --sr-dd-chevron-gap: .375rem;
  --sr-dd-width: 14rem;
  --sr-dd-padding: .5rem;
  --sr-dd-item-padding: .5rem .75rem;
  --sr-mega-padding: 1.5rem 0;
  --sr-mega-tile-min: 10rem;
  --sr-mega-gap: 1rem;
  --sr-mega-caption-gap: .5rem;
  --sr-mega-image-ratio: 4 / 3;
  --sr-menu-button-size: 2.25rem;
  --sr-menu-bar-width: 1.125rem;
  --sr-menu-bar-weight: 2px;
  --sr-menu-bar-gap: .3125rem;
  --sr-drawer-z: 10001;
  --sr-drawer-overlay: rgb(0 0 0 / .4);
  --sr-drawer-width: 20rem;
  --sr-drawer-padding: 1.25rem;
  --sr-drawer-shadow: 0 0 40px rgb(0 0 0 / .2);
  --sr-drawer-item-padding: .75rem 0;
  --sr-drawer-indent: 1rem;
  --sr-drawer-item-gap: .5rem;
  --sr-drawer-child-padding: .375rem 0;
  --sr-ann-size: .8125rem;
  --sr-ann-gap: 1.5rem;
  --sr-ann-height: 2.25rem;
  --sr-ann-pad-y: .5rem;
  --sr-ann-close-size: 1.125rem;
  --sr-ann-close-leading: 1;
  --sr-ann-close-room: 2rem;
  --sr-social-gap: .75rem;
  --sr-social-size: 1.125rem;
  --sr-foot-field-basis: 12rem;
  --sr-foot-signup-gap: 1.5rem;
  --sr-foot-bottom-margin-top: 2rem;
  --sr-foot-compact-bottom-margin-top: 1.5rem;
  --sr-foot-pay-margin-top: 2rem;
  --sr-foot-pay-gap: .75rem;
  --sr-foot-pay-mark-size: 24px;
  --sr-footer-wordmark-margin-top: 2rem;
  --sr-footer-wordmark-size: clamp(2rem, 13vw, 12rem);
  --sr-footer-wordmark-fit: 13vw;
  --sr-footer-wordmark-leading: .9;
  --sr-footer-wordmark-tracking: -.02em;
  --sr-footer-wordmark-opacity: .35;
  --sr-gallery-tile-gap: 1rem;
  --sr-pagination-margin-top: 2rem;
  --sr-filter-bar-margin-bottom: 1.5rem;
  --sr-badge-padding-y: .125rem;
  --sr-badge-padding-x: .5rem;
  --sr-pagination-padding-y: .25rem;
  --sr-pagination-padding-x: .6rem;
  --sr-group-gap-tight: .75rem;
  --sr-group-gap: 1.5rem;
  --sr-group-gap-loose: 2.5rem;
  --sr-group-card-padding: 1.5rem;
  --sr-group-cell-min-row: 11rem;
  --sr-group-cell-min-2: 16rem;
  --sr-group-cell-min-3: 12rem;
  --sr-group-cell-min-4: 10.5rem;
  --sr-group-cell-min-bento: 16rem;
  --sr-aspect-square: 1 / 1;
  --sr-aspect-portrait: 4 / 5;
  --sr-aspect-landscape: 16 / 9;
  --sr-spacer-s: 1rem;
  --sr-spacer-m: 2rem;
  --sr-spacer-l: 4rem;
  --sr-icon-size: 2rem;
  --sr-stat-size: clamp(2rem, 1.5rem + 2vw, 3rem);
  --sr-stat-gap: .25rem;
  --sr-scroll-gap: 3rem;
  --sr-marquee-duration-slow: 60s;
  --sr-marquee-duration-medium: 35s;
  --sr-marquee-duration-fast: 18s;
  --sr-marquee-icon-size: 1em;
  --sr-logo-strip-duration: 40s;
  --sr-logo-height: 2.5rem;
  --sr-logo-filter: grayscale(1);
  --sr-slide-min-height: clamp(20rem, 12rem + 30vw, 36rem);
  --sr-slide-pad: 3rem 1.5rem;
  --sr-slide-dot-size: .625rem;
  --sr-slide-control-size: 2.5rem;
  --sr-video-overlay-min-height: clamp(22rem, 14rem + 30vw, 40rem);
  --sr-collage-row: clamp(1.5rem, .5rem + 3vw, 3rem);
  --sr-collage-inset-ring: 0 0 0 .5rem var(--sr-section-bg);
  --sr-testimonial-photo: 2.5rem;
  --sr-carousel-tile: 18rem;
  --sr-countdown-size: clamp(1.75rem, 1.2rem + 2.4vw, 3.25rem);
  --sr-countdown-cell-min: 5.5rem;
  --sr-hotspot-size: 2rem;
  --sr-hotspot-shadow: 0 0 0 .25rem rgba(255,255,255,.45);
  --sr-hotspot-focus: 2px solid var(--primary, #111827);
  --sr-hotspot-focus-offset: 2px;
  --sr-hotspot-card-width: min(16rem, 80vw);
  --sr-hotspot-card-shadow: 0 .5rem 1.5rem rgba(0,0,0,.18);
  --sr-hotspot-thumb: 4rem;
  --sr-hotspot-list-ring: 0 0 0 1px var(--border, #e5e7eb);
  --card: #ffffff;
  --ring: #d87943;
  --input: #e5e7eb;
  --muted: #f3f4f6;
  --accent: #eeeeee;
  --border: #e5e7eb;
  --radius: 0.75rem;
  --chart-1: #5f8787;
  --chart-2: #e78a53;
  --chart-3: #fbcb97;
  --chart-4: #888888;
  --chart-5: #999999;
  --popover: #ffffff;
  --primary: #d87943;
  --sidebar: #f3f4f6;
  --spacing: 0.25rem;
  --font-body: Geist Mono, ui-monospace, monospace;
  --secondary: #527575;
  --background: #ffffff;
  --foreground: #111827;
  --destructive: #ef4444;
  --shadow-blur: 4px;
  --font-heading: Geist Mono, ui-monospace, monospace;
  --shadow-color: #000000;
  --sidebar-ring: #d87943;
  --shadow-spread: 0px;
  --letter-spacing: 0rem;
  --shadow-opacity: 0.05;
  --sidebar-accent: #ffffff;
  --sidebar-border: #e5e7eb;
  --card-foreground: #111827;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 1px;
  --sidebar-primary: #d87943;
  --muted-foreground: #6b7280;
  --accent-foreground: #111827;
  --popover-foreground: #111827;
  --primary-foreground: #ffffff;
  --sidebar-foreground: #111827;
  --secondary-foreground: #ffffff;
  --destructive-foreground: #fafafa;
  --sidebar-accent-foreground: #111827;
  --sidebar-primary-foreground: #ffffff;
  --sr-on-surface: #171717;
  --sr-on-surface-muted: color-mix(in srgb, #171717 70%, #ffffff);
  --sr-border-on-surface: color-mix(in srgb, #171717 20%, transparent);
  --sr-on-sand: #171717;
  --sr-on-sand-muted: color-mix(in srgb, #171717 70%, #f3f4f6);
  --sr-border-on-sand: color-mix(in srgb, #171717 20%, transparent);
  --sr-on-brand: #171717;
  --sr-on-brand-muted: color-mix(in srgb, #171717 75%, #d87943);
  --sr-border-on-brand: color-mix(in srgb, #171717 30%, transparent);
  --sr-on-accent: #171717;
  --sr-scheme-base-bg: var(--background);
  --sr-scheme-base-surface: var(--background);
  --sr-scheme-base-card: var(--card);
  --sr-scheme-base-muted: var(--muted);
  --sr-scheme-base-text: var(--foreground);
  --sr-scheme-base-text-muted: var(--muted-foreground);
  --sr-scheme-base-on: var(--sr-on-surface, var(--foreground));
  --sr-scheme-base-on-muted: var(--sr-on-surface-muted, var(--muted-foreground));
  --sr-scheme-base-border-on: var(--sr-border-on-surface, var(--border));
  --sr-scheme-base-border: var(--border);
  --sr-scheme-base-button: var(--primary);
  --sr-scheme-base-button-text: var(--primary-foreground);
  --sr-scheme-soft-bg: var(--muted, var(--background));
  --sr-scheme-soft-surface: var(--background);
  --sr-scheme-soft-card: var(--card);
  --sr-scheme-soft-muted: var(--muted);
  --sr-scheme-soft-text: var(--foreground);
  --sr-scheme-soft-text-muted: var(--muted-foreground);
  --sr-scheme-soft-on: var(--sr-on-sand, var(--foreground));
  --sr-scheme-soft-on-muted: var(--sr-on-sand-muted, var(--muted-foreground));
  --sr-scheme-soft-border-on: var(--sr-border-on-sand, var(--border));
  --sr-scheme-soft-border: var(--border);
  --sr-scheme-soft-button: var(--primary);
  --sr-scheme-soft-button-text: var(--primary-foreground);
  --sr-scheme-contrast-bg: #111827;
  --sr-scheme-contrast-surface: #242a38;
  --sr-scheme-contrast-card: #242a38;
  --sr-scheme-contrast-muted: #242a38;
  --sr-scheme-contrast-text: #ffffff;
  --sr-scheme-contrast-text-muted: #bcbec3;
  --sr-scheme-contrast-on: #ffffff;
  --sr-scheme-contrast-on-muted: #bcbec3;
  --sr-scheme-contrast-border-on: #454b57;
  --sr-scheme-contrast-border: #454b57;
  --sr-scheme-contrast-button: #ffffff;
  --sr-scheme-contrast-button-text: #171717;
  --sr-scheme-accent-bg: var(--primary);
  --sr-scheme-accent-surface: color-mix(in srgb, var(--sr-on-brand) 12%, var(--primary));
  --sr-scheme-accent-card: color-mix(in srgb, var(--sr-on-brand) 12%, var(--primary));
  --sr-scheme-accent-muted: color-mix(in srgb, var(--sr-on-brand) 12%, var(--primary));
  --sr-scheme-accent-text: var(--sr-on-brand, var(--primary-foreground));
  --sr-scheme-accent-text-muted: var(--sr-on-brand-muted, var(--primary-foreground));
  --sr-scheme-accent-on: var(--sr-on-brand, var(--primary-foreground));
  --sr-scheme-accent-on-muted: var(--sr-on-brand-muted, var(--primary-foreground));
  --sr-scheme-accent-border-on: var(--sr-border-on-brand, var(--primary-foreground));
  --sr-scheme-accent-border: var(--sr-border-on-brand, var(--primary-foreground));
  --sr-scheme-accent-button: var(--sr-on-brand, var(--primary-foreground));
  --sr-scheme-accent-button-text: var(--primary);
  }
}

.shoprocket[data-theme="darkmatter"][data-color-scheme="dark"] {
  --sr-font-heading: var(--font-heading, inherit);
  --sr-font-heading-weight: 700;
  --sr-font-heading-style: normal;
  --sr-font-heading-tracking: -0.01em;
  --sr-font-heading-leading: 1.15;
  --sr-font-heading-transform: none;
  --sr-font-body: var(--font-body, inherit);
  --sr-font-body-weight: 400;
  --sr-font-body-style: normal;
  --sr-font-body-tracking: normal;
  --sr-font-body-leading: 1.6;
  --sr-font-body-transform: none;
  --sr-size-display: clamp(2.5rem, 1rem + 9vw, 9rem);
  --sr-size-h1: clamp(1.9rem, 1.3rem + 2.6vw, 3rem);
  --sr-size-h2: clamp(1.35rem, 1.1rem + 1vw, 1.75rem);
  --sr-size-h3: clamp(1.1rem, .98rem + .6vw, 1.35rem);
  --sr-size-body: clamp(.95rem, .9rem + .25vw, 1.05rem);
  --sr-size-small: clamp(.8rem, .78rem + .1vw, .875rem);
  --sr-size-meta: .75rem;
  --sr-eyebrow-size: var(--sr-size-meta);
  --sr-eyebrow-weight: 600;
  --sr-eyebrow-tracking: .08em;
  --sr-eyebrow-transform: uppercase;
  --sr-eyebrow-opacity: .7;
  --sr-heading-family: var(--sr-font-heading);
  --sr-heading-weight: var(--sr-font-heading-weight);
  --sr-heading-tracking: var(--sr-font-heading-tracking);
  --sr-heading-leading: var(--sr-font-heading-leading);
  --sr-heading-transform: var(--sr-font-heading-transform);
  --sr-body-family: var(--sr-font-body);
  --sr-body-weight: var(--sr-font-body-weight);
  --sr-body-leading: var(--sr-font-body-leading);
  --sr-nav-size: .875rem;
  --sr-nav-weight: 400;
  --sr-nav-tracking: normal;
  --sr-nav-transform: none;
  --sr-site-title-family: var(--sr-heading-family);
  --sr-site-title-size: 1.0625rem;
  --sr-site-title-weight: 600;
  --sr-site-title-tracking: -0.01em;
  --sr-site-title-transform: none;
  --sr-product-title-family: var(--sr-body-family);
  --sr-product-title-weight: 500;
  --sr-product-title-tracking: normal;
  --sr-product-title-transform: none;
  --sr-product-price-family: var(--sr-body-family);
  --sr-product-price-weight: 500;
  --sr-button-family: var(--sr-body-family);
  --sr-button-size: .9rem;
  --sr-button-weight: 500;
  --sr-button-tracking: normal;
  --sr-button-transform: none;
  --sr-radius-button: var(--radius, .375rem);
  --sr-radius-card: var(--radius, .375rem);
  --sr-radius-image: var(--radius, .375rem);
  --sr-radius-input: var(--radius, .375rem);
  --sr-radius-badge: 999px;
  --sr-border-width: 1px;
  --sr-card-border: 1px solid var(--border, #e5e7eb);
  --sr-card-shadow: none;
  --sr-card-background: var(--card, var(--background, #ffffff));
  --sr-button-border-width: 1px;
  --sr-button-secondary-background: transparent;
  --sr-button-secondary-border: 1px solid currentColor;
  --sr-button-row-gap: .75rem;
  --sr-brand-min: 0px;
  --sr-page-width: 1140px;
  --sr-page-padding: 1.25rem;
  --sr-section-pad-tight: 1.5rem 1.25rem;
  --sr-section-pad-comfortable: 3rem 1.25rem;
  --sr-section-pad-roomy: 5rem 1.25rem;
  --sr-stack-gap: .75rem;
  --sr-grid-gap: 1.5rem 1rem;
  --sr-grid-min: 220px;
  --sr-split-min: 18rem;
  --sr-content-narrow: 47.5rem;
  --sr-content-wide: 1140px;
  --sr-columns-min-2: 16rem;
  --sr-columns-min-3: 12rem;
  --sr-columns-min-4: 9.5rem;
  --sr-gallery-tile-small: 8rem;
  --sr-gallery-tile-medium: 16rem;
  --sr-gallery-tile-large: 26rem;
  --sr-backdrop-fg: #ffffff;
  --sr-backdrop-scrim: rgba(0,0,0,.42);
  --sr-backdrop-fg-light: #171717;
  --sr-backdrop-scrim-light: rgba(255,255,255,.62);
  --sr-hero-min-tall: clamp(24rem, 14rem + 32vw, 42rem);
  --sr-hero-min-full: 100svh;
  --sr-card-padding: 0;
  --sr-product-grid-padding: 1rem;
  --sr-product-grid-gap: 1rem;
  --sr-product-image-aspect-ratio: 3/4;
  --sr-product-image-radius: 0;
  --sr-product-title-size: 0.875rem;
  --sr-product-price-size: 0.875rem;
  --sr-product-section-gap: 0.5rem;
  --sr-swatch-size: 32px;
  --sr-star-color: #f59e0b;
  --sr-star-empty: #d1d5db;
  --sr-radius: 8px;
  --sr-category-cols: 3;
  --sr-category-cols-sm: 2;
  --sr-category-cols-md: 3;
  --sr-category-title-size: 1.125rem;
  --sr-modal-background: var(--card, white);
  --sr-modal-border-radius: var(--radius, .375rem);
  --sr-modal-close-background: rgba(0, 0, 0, 0.1);
  --sr-modal-close-color: var(--card-foreground, #333);
  --sr-modal-close-hover-background: rgba(0, 0, 0, 0.2);
  --sr-product-title-align: start;
  --sr-product-meta-gap: 0.5rem;
  --sr-product-card-background: transparent;
  --sr-product-card-border: none;
  --sr-product-hover: none;
  --sr-button-padding-x: 1rem;
  --sr-button-padding-y: 0.5rem;
  --sr-button-font-size: 0.875rem;
  --sr-button-primary-opacity-hover: .9;
  --sr-button-min-height: 64px;
  --sr-nav-weight-active: 500;
  --sr-main-pad: 2rem 0 3.5rem;
  --sr-main-pad-bleed: 0 0 3.5rem;
  --sr-empty-pad: 3rem 1.5rem;
  --sr-foot-pad: 2.5rem 0 2rem;
  --sr-foot-pad-compact: 2rem 0 1.75rem;
  --sr-current-crumb-opacity: .95;
  --sr-oops-width: 480px;
  --sr-facet-label-width: 5rem;
  --sr-facet-count-opacity: .55;
  --sr-swatch-dot-size: .7rem;
  --sr-search-width: 320px;
  --sr-newsletter-field-basis: 16rem;
  --sr-button-min-height-mobile: 56px;
  --sr-page-title-size: clamp(1.5rem, 1.15rem + 1.4vw, 2rem);
  --sr-meta-size-loose: .8125rem;
  --sr-crumbs-margin-bottom: 1.25rem;
  --sr-crumbs-separator-opacity: .35;
  --sr-nav-gap: 1.25rem;
  --sr-cart-font-size: .8125rem;
  --sr-foot-cols-gap: 2rem;
  --sr-foot-cols-gap-mobile: 1.75rem;
  --sr-brand-logo-size-mobile: 28px;
  --sr-foot-brand-logo-size: 36px;
  --sr-page-padding-mobile: 1rem;
  --sr-switch-weight-active: 600;
  --sr-switch-padding: .375rem .625rem;
  --sr-switch-chevron: .3125rem;
  --sr-switch-menu-offset: .375rem;
  --sr-switch-menu-width: 10rem;
  --sr-switch-menu-padding: .25rem;
  --sr-switch-item-padding: .5rem .75rem;
  --sr-switch-menu-shadow: 0 10px 30px -10px rgb(0 0 0 / .25);
  --sr-switch-z: 30;
  --sr-head-transition: .25s;
  --sr-head-offset: 0px;
  --sr-head-over-fg: #ffffff;
  --sr-head-over-rule: rgb(255 255 255 / .25);
  --sr-dd-chevron-gap: .375rem;
  --sr-dd-width: 14rem;
  --sr-dd-padding: .5rem;
  --sr-dd-item-padding: .5rem .75rem;
  --sr-mega-padding: 1.5rem 0;
  --sr-mega-tile-min: 10rem;
  --sr-mega-gap: 1rem;
  --sr-mega-caption-gap: .5rem;
  --sr-mega-image-ratio: 4 / 3;
  --sr-menu-button-size: 2.25rem;
  --sr-menu-bar-width: 1.125rem;
  --sr-menu-bar-weight: 2px;
  --sr-menu-bar-gap: .3125rem;
  --sr-drawer-z: 10001;
  --sr-drawer-overlay: rgb(0 0 0 / .4);
  --sr-drawer-width: 20rem;
  --sr-drawer-padding: 1.25rem;
  --sr-drawer-shadow: 0 0 40px rgb(0 0 0 / .2);
  --sr-drawer-item-padding: .75rem 0;
  --sr-drawer-indent: 1rem;
  --sr-drawer-item-gap: .5rem;
  --sr-drawer-child-padding: .375rem 0;
  --sr-ann-size: .8125rem;
  --sr-ann-gap: 1.5rem;
  --sr-ann-height: 2.25rem;
  --sr-ann-pad-y: .5rem;
  --sr-ann-close-size: 1.125rem;
  --sr-ann-close-leading: 1;
  --sr-ann-close-room: 2rem;
  --sr-social-gap: .75rem;
  --sr-social-size: 1.125rem;
  --sr-foot-field-basis: 12rem;
  --sr-foot-signup-gap: 1.5rem;
  --sr-foot-bottom-margin-top: 2rem;
  --sr-foot-compact-bottom-margin-top: 1.5rem;
  --sr-foot-pay-margin-top: 2rem;
  --sr-foot-pay-gap: .75rem;
  --sr-foot-pay-mark-size: 24px;
  --sr-footer-wordmark-margin-top: 2rem;
  --sr-footer-wordmark-size: clamp(2rem, 13vw, 12rem);
  --sr-footer-wordmark-fit: 13vw;
  --sr-footer-wordmark-leading: .9;
  --sr-footer-wordmark-tracking: -.02em;
  --sr-footer-wordmark-opacity: .35;
  --sr-gallery-tile-gap: 1rem;
  --sr-pagination-margin-top: 2rem;
  --sr-filter-bar-margin-bottom: 1.5rem;
  --sr-badge-padding-y: .125rem;
  --sr-badge-padding-x: .5rem;
  --sr-pagination-padding-y: .25rem;
  --sr-pagination-padding-x: .6rem;
  --sr-group-gap-tight: .75rem;
  --sr-group-gap: 1.5rem;
  --sr-group-gap-loose: 2.5rem;
  --sr-group-card-padding: 1.5rem;
  --sr-group-cell-min-row: 11rem;
  --sr-group-cell-min-2: 16rem;
  --sr-group-cell-min-3: 12rem;
  --sr-group-cell-min-4: 10.5rem;
  --sr-group-cell-min-bento: 16rem;
  --sr-aspect-square: 1 / 1;
  --sr-aspect-portrait: 4 / 5;
  --sr-aspect-landscape: 16 / 9;
  --sr-spacer-s: 1rem;
  --sr-spacer-m: 2rem;
  --sr-spacer-l: 4rem;
  --sr-icon-size: 2rem;
  --sr-stat-size: clamp(2rem, 1.5rem + 2vw, 3rem);
  --sr-stat-gap: .25rem;
  --sr-scroll-gap: 3rem;
  --sr-marquee-duration-slow: 60s;
  --sr-marquee-duration-medium: 35s;
  --sr-marquee-duration-fast: 18s;
  --sr-marquee-icon-size: 1em;
  --sr-logo-strip-duration: 40s;
  --sr-logo-height: 2.5rem;
  --sr-logo-filter: grayscale(1);
  --sr-slide-min-height: clamp(20rem, 12rem + 30vw, 36rem);
  --sr-slide-pad: 3rem 1.5rem;
  --sr-slide-dot-size: .625rem;
  --sr-slide-control-size: 2.5rem;
  --sr-video-overlay-min-height: clamp(22rem, 14rem + 30vw, 40rem);
  --sr-collage-row: clamp(1.5rem, .5rem + 3vw, 3rem);
  --sr-collage-inset-ring: 0 0 0 .5rem var(--sr-section-bg);
  --sr-testimonial-photo: 2.5rem;
  --sr-carousel-tile: 18rem;
  --sr-countdown-size: clamp(1.75rem, 1.2rem + 2.4vw, 3.25rem);
  --sr-countdown-cell-min: 5.5rem;
  --sr-hotspot-size: 2rem;
  --sr-hotspot-shadow: 0 0 0 .25rem rgba(255,255,255,.45);
  --sr-hotspot-focus: 2px solid var(--primary, #111827);
  --sr-hotspot-focus-offset: 2px;
  --sr-hotspot-card-width: min(16rem, 80vw);
  --sr-hotspot-card-shadow: 0 .5rem 1.5rem rgba(0,0,0,.18);
  --sr-hotspot-thumb: 4rem;
  --sr-hotspot-list-ring: 0 0 0 1px var(--border, #e5e7eb);
  --card: #121212;
  --ring: #e78a53;
  --input: #222222;
  --muted: #222222;
  --accent: #333333;
  --border: #222222;
  --radius: 0.75rem;
  --chart-1: #5f8787;
  --chart-2: #e78a53;
  --chart-3: #fbcb97;
  --chart-4: #888888;
  --chart-5: #999999;
  --popover: #121113;
  --primary: #e78a53;
  --sidebar: #121212;
  --spacing: 0.25rem;
  --font-body: Geist Mono, ui-monospace, monospace;
  --secondary: #5f8787;
  --background: #121113;
  --foreground: #c1c1c1;
  --destructive: #5f8787;
  --shadow-blur: 4px;
  --font-heading: Geist Mono, ui-monospace, monospace;
  --shadow-color: #000000;
  --sidebar-ring: #e78a53;
  --shadow-spread: 0px;
  --letter-spacing: 0rem;
  --shadow-opacity: 0.05;
  --sidebar-accent: #333333;
  --sidebar-border: #222222;
  --card-foreground: #c1c1c1;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 1px;
  --sidebar-primary: #e78a53;
  --muted-foreground: #888888;
  --accent-foreground: #c1c1c1;
  --popover-foreground: #c1c1c1;
  --primary-foreground: #121113;
  --sidebar-foreground: #c1c1c1;
  --secondary-foreground: #121113;
  --destructive-foreground: #121113;
  --sidebar-accent-foreground: #c1c1c1;
  --sidebar-primary-foreground: #121113;
  --sr-on-surface: #ffffff;
  --sr-on-surface-muted: color-mix(in srgb, #ffffff 70%, #121113);
  --sr-border-on-surface: color-mix(in srgb, #ffffff 20%, transparent);
  --sr-on-sand: #ffffff;
  --sr-on-sand-muted: color-mix(in srgb, #ffffff 70%, #222222);
  --sr-border-on-sand: color-mix(in srgb, #ffffff 20%, transparent);
  --sr-on-brand: #171717;
  --sr-on-brand-muted: color-mix(in srgb, #171717 75%, #e78a53);
  --sr-border-on-brand: color-mix(in srgb, #171717 30%, transparent);
  --sr-on-accent: #ffffff;
  --sr-scheme-base-bg: var(--background);
  --sr-scheme-base-surface: var(--background);
  --sr-scheme-base-card: var(--card);
  --sr-scheme-base-muted: var(--muted);
  --sr-scheme-base-text: var(--foreground);
  --sr-scheme-base-text-muted: var(--muted-foreground);
  --sr-scheme-base-on: var(--sr-on-surface, var(--foreground));
  --sr-scheme-base-on-muted: var(--sr-on-surface-muted, var(--muted-foreground));
  --sr-scheme-base-border-on: var(--sr-border-on-surface, var(--border));
  --sr-scheme-base-border: var(--border);
  --sr-scheme-base-button: var(--primary);
  --sr-scheme-base-button-text: var(--primary-foreground);
  --sr-scheme-soft-bg: var(--muted, var(--background));
  --sr-scheme-soft-surface: var(--background);
  --sr-scheme-soft-card: var(--card);
  --sr-scheme-soft-muted: var(--muted);
  --sr-scheme-soft-text: var(--foreground);
  --sr-scheme-soft-text-muted: var(--muted-foreground);
  --sr-scheme-soft-on: var(--sr-on-sand, var(--foreground));
  --sr-scheme-soft-on-muted: var(--sr-on-sand-muted, var(--muted-foreground));
  --sr-scheme-soft-border-on: var(--sr-border-on-sand, var(--border));
  --sr-scheme-soft-border: var(--border);
  --sr-scheme-soft-button: var(--primary);
  --sr-scheme-soft-button-text: var(--primary-foreground);
  --sr-scheme-contrast-bg: #c1c1c1;
  --sr-scheme-contrast-surface: #b3b3b3;
  --sr-scheme-contrast-card: #b3b3b3;
  --sr-scheme-contrast-muted: #b3b3b3;
  --sr-scheme-contrast-text: #171717;
  --sr-scheme-contrast-text-muted: #474747;
  --sr-scheme-contrast-on: #171717;
  --sr-scheme-contrast-on-muted: #474747;
  --sr-scheme-contrast-border-on: #9c9c9c;
  --sr-scheme-contrast-border: #9c9c9c;
  --sr-scheme-contrast-button: #171717;
  --sr-scheme-contrast-button-text: #ffffff;
  --sr-scheme-accent-bg: var(--primary);
  --sr-scheme-accent-surface: color-mix(in srgb, var(--sr-on-brand) 12%, var(--primary));
  --sr-scheme-accent-card: color-mix(in srgb, var(--sr-on-brand) 12%, var(--primary));
  --sr-scheme-accent-muted: color-mix(in srgb, var(--sr-on-brand) 12%, var(--primary));
  --sr-scheme-accent-text: var(--sr-on-brand, var(--primary-foreground));
  --sr-scheme-accent-text-muted: var(--sr-on-brand-muted, var(--primary-foreground));
  --sr-scheme-accent-on: var(--sr-on-brand, var(--primary-foreground));
  --sr-scheme-accent-on-muted: var(--sr-on-brand-muted, var(--primary-foreground));
  --sr-scheme-accent-border-on: var(--sr-border-on-brand, var(--primary-foreground));
  --sr-scheme-accent-border: var(--sr-border-on-brand, var(--primary-foreground));
  --sr-scheme-accent-button: var(--sr-on-brand, var(--primary-foreground));
  --sr-scheme-accent-button-text: var(--primary);
}

@media (prefers-color-scheme: dark) {
  .shoprocket[data-theme="darkmatter"][data-color-scheme="auto"] {
  --sr-font-heading: var(--font-heading, inherit);
  --sr-font-heading-weight: 700;
  --sr-font-heading-style: normal;
  --sr-font-heading-tracking: -0.01em;
  --sr-font-heading-leading: 1.15;
  --sr-font-heading-transform: none;
  --sr-font-body: var(--font-body, inherit);
  --sr-font-body-weight: 400;
  --sr-font-body-style: normal;
  --sr-font-body-tracking: normal;
  --sr-font-body-leading: 1.6;
  --sr-font-body-transform: none;
  --sr-size-display: clamp(2.5rem, 1rem + 9vw, 9rem);
  --sr-size-h1: clamp(1.9rem, 1.3rem + 2.6vw, 3rem);
  --sr-size-h2: clamp(1.35rem, 1.1rem + 1vw, 1.75rem);
  --sr-size-h3: clamp(1.1rem, .98rem + .6vw, 1.35rem);
  --sr-size-body: clamp(.95rem, .9rem + .25vw, 1.05rem);
  --sr-size-small: clamp(.8rem, .78rem + .1vw, .875rem);
  --sr-size-meta: .75rem;
  --sr-eyebrow-size: var(--sr-size-meta);
  --sr-eyebrow-weight: 600;
  --sr-eyebrow-tracking: .08em;
  --sr-eyebrow-transform: uppercase;
  --sr-eyebrow-opacity: .7;
  --sr-heading-family: var(--sr-font-heading);
  --sr-heading-weight: var(--sr-font-heading-weight);
  --sr-heading-tracking: var(--sr-font-heading-tracking);
  --sr-heading-leading: var(--sr-font-heading-leading);
  --sr-heading-transform: var(--sr-font-heading-transform);
  --sr-body-family: var(--sr-font-body);
  --sr-body-weight: var(--sr-font-body-weight);
  --sr-body-leading: var(--sr-font-body-leading);
  --sr-nav-size: .875rem;
  --sr-nav-weight: 400;
  --sr-nav-tracking: normal;
  --sr-nav-transform: none;
  --sr-site-title-family: var(--sr-heading-family);
  --sr-site-title-size: 1.0625rem;
  --sr-site-title-weight: 600;
  --sr-site-title-tracking: -0.01em;
  --sr-site-title-transform: none;
  --sr-product-title-family: var(--sr-body-family);
  --sr-product-title-weight: 500;
  --sr-product-title-tracking: normal;
  --sr-product-title-transform: none;
  --sr-product-price-family: var(--sr-body-family);
  --sr-product-price-weight: 500;
  --sr-button-family: var(--sr-body-family);
  --sr-button-size: .9rem;
  --sr-button-weight: 500;
  --sr-button-tracking: normal;
  --sr-button-transform: none;
  --sr-radius-button: var(--radius, .375rem);
  --sr-radius-card: var(--radius, .375rem);
  --sr-radius-image: var(--radius, .375rem);
  --sr-radius-input: var(--radius, .375rem);
  --sr-radius-badge: 999px;
  --sr-border-width: 1px;
  --sr-card-border: 1px solid var(--border, #e5e7eb);
  --sr-card-shadow: none;
  --sr-card-background: var(--card, var(--background, #ffffff));
  --sr-button-border-width: 1px;
  --sr-button-secondary-background: transparent;
  --sr-button-secondary-border: 1px solid currentColor;
  --sr-button-row-gap: .75rem;
  --sr-brand-min: 0px;
  --sr-page-width: 1140px;
  --sr-page-padding: 1.25rem;
  --sr-section-pad-tight: 1.5rem 1.25rem;
  --sr-section-pad-comfortable: 3rem 1.25rem;
  --sr-section-pad-roomy: 5rem 1.25rem;
  --sr-stack-gap: .75rem;
  --sr-grid-gap: 1.5rem 1rem;
  --sr-grid-min: 220px;
  --sr-split-min: 18rem;
  --sr-content-narrow: 47.5rem;
  --sr-content-wide: 1140px;
  --sr-columns-min-2: 16rem;
  --sr-columns-min-3: 12rem;
  --sr-columns-min-4: 9.5rem;
  --sr-gallery-tile-small: 8rem;
  --sr-gallery-tile-medium: 16rem;
  --sr-gallery-tile-large: 26rem;
  --sr-backdrop-fg: #ffffff;
  --sr-backdrop-scrim: rgba(0,0,0,.42);
  --sr-backdrop-fg-light: #171717;
  --sr-backdrop-scrim-light: rgba(255,255,255,.62);
  --sr-hero-min-tall: clamp(24rem, 14rem + 32vw, 42rem);
  --sr-hero-min-full: 100svh;
  --sr-card-padding: 0;
  --sr-product-grid-padding: 1rem;
  --sr-product-grid-gap: 1rem;
  --sr-product-image-aspect-ratio: 3/4;
  --sr-product-image-radius: 0;
  --sr-product-title-size: 0.875rem;
  --sr-product-price-size: 0.875rem;
  --sr-product-section-gap: 0.5rem;
  --sr-swatch-size: 32px;
  --sr-star-color: #f59e0b;
  --sr-star-empty: #d1d5db;
  --sr-radius: 8px;
  --sr-category-cols: 3;
  --sr-category-cols-sm: 2;
  --sr-category-cols-md: 3;
  --sr-category-title-size: 1.125rem;
  --sr-modal-background: var(--card, white);
  --sr-modal-border-radius: var(--radius, .375rem);
  --sr-modal-close-background: rgba(0, 0, 0, 0.1);
  --sr-modal-close-color: var(--card-foreground, #333);
  --sr-modal-close-hover-background: rgba(0, 0, 0, 0.2);
  --sr-product-title-align: start;
  --sr-product-meta-gap: 0.5rem;
  --sr-product-card-background: transparent;
  --sr-product-card-border: none;
  --sr-product-hover: none;
  --sr-button-padding-x: 1rem;
  --sr-button-padding-y: 0.5rem;
  --sr-button-font-size: 0.875rem;
  --sr-button-primary-opacity-hover: .9;
  --sr-button-min-height: 64px;
  --sr-nav-weight-active: 500;
  --sr-main-pad: 2rem 0 3.5rem;
  --sr-main-pad-bleed: 0 0 3.5rem;
  --sr-empty-pad: 3rem 1.5rem;
  --sr-foot-pad: 2.5rem 0 2rem;
  --sr-foot-pad-compact: 2rem 0 1.75rem;
  --sr-current-crumb-opacity: .95;
  --sr-oops-width: 480px;
  --sr-facet-label-width: 5rem;
  --sr-facet-count-opacity: .55;
  --sr-swatch-dot-size: .7rem;
  --sr-search-width: 320px;
  --sr-newsletter-field-basis: 16rem;
  --sr-button-min-height-mobile: 56px;
  --sr-page-title-size: clamp(1.5rem, 1.15rem + 1.4vw, 2rem);
  --sr-meta-size-loose: .8125rem;
  --sr-crumbs-margin-bottom: 1.25rem;
  --sr-crumbs-separator-opacity: .35;
  --sr-nav-gap: 1.25rem;
  --sr-cart-font-size: .8125rem;
  --sr-foot-cols-gap: 2rem;
  --sr-foot-cols-gap-mobile: 1.75rem;
  --sr-brand-logo-size-mobile: 28px;
  --sr-foot-brand-logo-size: 36px;
  --sr-page-padding-mobile: 1rem;
  --sr-switch-weight-active: 600;
  --sr-switch-padding: .375rem .625rem;
  --sr-switch-chevron: .3125rem;
  --sr-switch-menu-offset: .375rem;
  --sr-switch-menu-width: 10rem;
  --sr-switch-menu-padding: .25rem;
  --sr-switch-item-padding: .5rem .75rem;
  --sr-switch-menu-shadow: 0 10px 30px -10px rgb(0 0 0 / .25);
  --sr-switch-z: 30;
  --sr-head-transition: .25s;
  --sr-head-offset: 0px;
  --sr-head-over-fg: #ffffff;
  --sr-head-over-rule: rgb(255 255 255 / .25);
  --sr-dd-chevron-gap: .375rem;
  --sr-dd-width: 14rem;
  --sr-dd-padding: .5rem;
  --sr-dd-item-padding: .5rem .75rem;
  --sr-mega-padding: 1.5rem 0;
  --sr-mega-tile-min: 10rem;
  --sr-mega-gap: 1rem;
  --sr-mega-caption-gap: .5rem;
  --sr-mega-image-ratio: 4 / 3;
  --sr-menu-button-size: 2.25rem;
  --sr-menu-bar-width: 1.125rem;
  --sr-menu-bar-weight: 2px;
  --sr-menu-bar-gap: .3125rem;
  --sr-drawer-z: 10001;
  --sr-drawer-overlay: rgb(0 0 0 / .4);
  --sr-drawer-width: 20rem;
  --sr-drawer-padding: 1.25rem;
  --sr-drawer-shadow: 0 0 40px rgb(0 0 0 / .2);
  --sr-drawer-item-padding: .75rem 0;
  --sr-drawer-indent: 1rem;
  --sr-drawer-item-gap: .5rem;
  --sr-drawer-child-padding: .375rem 0;
  --sr-ann-size: .8125rem;
  --sr-ann-gap: 1.5rem;
  --sr-ann-height: 2.25rem;
  --sr-ann-pad-y: .5rem;
  --sr-ann-close-size: 1.125rem;
  --sr-ann-close-leading: 1;
  --sr-ann-close-room: 2rem;
  --sr-social-gap: .75rem;
  --sr-social-size: 1.125rem;
  --sr-foot-field-basis: 12rem;
  --sr-foot-signup-gap: 1.5rem;
  --sr-foot-bottom-margin-top: 2rem;
  --sr-foot-compact-bottom-margin-top: 1.5rem;
  --sr-foot-pay-margin-top: 2rem;
  --sr-foot-pay-gap: .75rem;
  --sr-foot-pay-mark-size: 24px;
  --sr-footer-wordmark-margin-top: 2rem;
  --sr-footer-wordmark-size: clamp(2rem, 13vw, 12rem);
  --sr-footer-wordmark-fit: 13vw;
  --sr-footer-wordmark-leading: .9;
  --sr-footer-wordmark-tracking: -.02em;
  --sr-footer-wordmark-opacity: .35;
  --sr-gallery-tile-gap: 1rem;
  --sr-pagination-margin-top: 2rem;
  --sr-filter-bar-margin-bottom: 1.5rem;
  --sr-badge-padding-y: .125rem;
  --sr-badge-padding-x: .5rem;
  --sr-pagination-padding-y: .25rem;
  --sr-pagination-padding-x: .6rem;
  --sr-group-gap-tight: .75rem;
  --sr-group-gap: 1.5rem;
  --sr-group-gap-loose: 2.5rem;
  --sr-group-card-padding: 1.5rem;
  --sr-group-cell-min-row: 11rem;
  --sr-group-cell-min-2: 16rem;
  --sr-group-cell-min-3: 12rem;
  --sr-group-cell-min-4: 10.5rem;
  --sr-group-cell-min-bento: 16rem;
  --sr-aspect-square: 1 / 1;
  --sr-aspect-portrait: 4 / 5;
  --sr-aspect-landscape: 16 / 9;
  --sr-spacer-s: 1rem;
  --sr-spacer-m: 2rem;
  --sr-spacer-l: 4rem;
  --sr-icon-size: 2rem;
  --sr-stat-size: clamp(2rem, 1.5rem + 2vw, 3rem);
  --sr-stat-gap: .25rem;
  --sr-scroll-gap: 3rem;
  --sr-marquee-duration-slow: 60s;
  --sr-marquee-duration-medium: 35s;
  --sr-marquee-duration-fast: 18s;
  --sr-marquee-icon-size: 1em;
  --sr-logo-strip-duration: 40s;
  --sr-logo-height: 2.5rem;
  --sr-logo-filter: grayscale(1);
  --sr-slide-min-height: clamp(20rem, 12rem + 30vw, 36rem);
  --sr-slide-pad: 3rem 1.5rem;
  --sr-slide-dot-size: .625rem;
  --sr-slide-control-size: 2.5rem;
  --sr-video-overlay-min-height: clamp(22rem, 14rem + 30vw, 40rem);
  --sr-collage-row: clamp(1.5rem, .5rem + 3vw, 3rem);
  --sr-collage-inset-ring: 0 0 0 .5rem var(--sr-section-bg);
  --sr-testimonial-photo: 2.5rem;
  --sr-carousel-tile: 18rem;
  --sr-countdown-size: clamp(1.75rem, 1.2rem + 2.4vw, 3.25rem);
  --sr-countdown-cell-min: 5.5rem;
  --sr-hotspot-size: 2rem;
  --sr-hotspot-shadow: 0 0 0 .25rem rgba(255,255,255,.45);
  --sr-hotspot-focus: 2px solid var(--primary, #111827);
  --sr-hotspot-focus-offset: 2px;
  --sr-hotspot-card-width: min(16rem, 80vw);
  --sr-hotspot-card-shadow: 0 .5rem 1.5rem rgba(0,0,0,.18);
  --sr-hotspot-thumb: 4rem;
  --sr-hotspot-list-ring: 0 0 0 1px var(--border, #e5e7eb);
  --card: #121212;
  --ring: #e78a53;
  --input: #222222;
  --muted: #222222;
  --accent: #333333;
  --border: #222222;
  --radius: 0.75rem;
  --chart-1: #5f8787;
  --chart-2: #e78a53;
  --chart-3: #fbcb97;
  --chart-4: #888888;
  --chart-5: #999999;
  --popover: #121113;
  --primary: #e78a53;
  --sidebar: #121212;
  --spacing: 0.25rem;
  --font-body: Geist Mono, ui-monospace, monospace;
  --secondary: #5f8787;
  --background: #121113;
  --foreground: #c1c1c1;
  --destructive: #5f8787;
  --shadow-blur: 4px;
  --font-heading: Geist Mono, ui-monospace, monospace;
  --shadow-color: #000000;
  --sidebar-ring: #e78a53;
  --shadow-spread: 0px;
  --letter-spacing: 0rem;
  --shadow-opacity: 0.05;
  --sidebar-accent: #333333;
  --sidebar-border: #222222;
  --card-foreground: #c1c1c1;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 1px;
  --sidebar-primary: #e78a53;
  --muted-foreground: #888888;
  --accent-foreground: #c1c1c1;
  --popover-foreground: #c1c1c1;
  --primary-foreground: #121113;
  --sidebar-foreground: #c1c1c1;
  --secondary-foreground: #121113;
  --destructive-foreground: #121113;
  --sidebar-accent-foreground: #c1c1c1;
  --sidebar-primary-foreground: #121113;
  --sr-on-surface: #ffffff;
  --sr-on-surface-muted: color-mix(in srgb, #ffffff 70%, #121113);
  --sr-border-on-surface: color-mix(in srgb, #ffffff 20%, transparent);
  --sr-on-sand: #ffffff;
  --sr-on-sand-muted: color-mix(in srgb, #ffffff 70%, #222222);
  --sr-border-on-sand: color-mix(in srgb, #ffffff 20%, transparent);
  --sr-on-brand: #171717;
  --sr-on-brand-muted: color-mix(in srgb, #171717 75%, #e78a53);
  --sr-border-on-brand: color-mix(in srgb, #171717 30%, transparent);
  --sr-on-accent: #ffffff;
  --sr-scheme-base-bg: var(--background);
  --sr-scheme-base-surface: var(--background);
  --sr-scheme-base-card: var(--card);
  --sr-scheme-base-muted: var(--muted);
  --sr-scheme-base-text: var(--foreground);
  --sr-scheme-base-text-muted: var(--muted-foreground);
  --sr-scheme-base-on: var(--sr-on-surface, var(--foreground));
  --sr-scheme-base-on-muted: var(--sr-on-surface-muted, var(--muted-foreground));
  --sr-scheme-base-border-on: var(--sr-border-on-surface, var(--border));
  --sr-scheme-base-border: var(--border);
  --sr-scheme-base-button: var(--primary);
  --sr-scheme-base-button-text: var(--primary-foreground);
  --sr-scheme-soft-bg: var(--muted, var(--background));
  --sr-scheme-soft-surface: var(--background);
  --sr-scheme-soft-card: var(--card);
  --sr-scheme-soft-muted: var(--muted);
  --sr-scheme-soft-text: var(--foreground);
  --sr-scheme-soft-text-muted: var(--muted-foreground);
  --sr-scheme-soft-on: var(--sr-on-sand, var(--foreground));
  --sr-scheme-soft-on-muted: var(--sr-on-sand-muted, var(--muted-foreground));
  --sr-scheme-soft-border-on: var(--sr-border-on-sand, var(--border));
  --sr-scheme-soft-border: var(--border);
  --sr-scheme-soft-button: var(--primary);
  --sr-scheme-soft-button-text: var(--primary-foreground);
  --sr-scheme-contrast-bg: #c1c1c1;
  --sr-scheme-contrast-surface: #b3b3b3;
  --sr-scheme-contrast-card: #b3b3b3;
  --sr-scheme-contrast-muted: #b3b3b3;
  --sr-scheme-contrast-text: #171717;
  --sr-scheme-contrast-text-muted: #474747;
  --sr-scheme-contrast-on: #171717;
  --sr-scheme-contrast-on-muted: #474747;
  --sr-scheme-contrast-border-on: #9c9c9c;
  --sr-scheme-contrast-border: #9c9c9c;
  --sr-scheme-contrast-button: #171717;
  --sr-scheme-contrast-button-text: #ffffff;
  --sr-scheme-accent-bg: var(--primary);
  --sr-scheme-accent-surface: color-mix(in srgb, var(--sr-on-brand) 12%, var(--primary));
  --sr-scheme-accent-card: color-mix(in srgb, var(--sr-on-brand) 12%, var(--primary));
  --sr-scheme-accent-muted: color-mix(in srgb, var(--sr-on-brand) 12%, var(--primary));
  --sr-scheme-accent-text: var(--sr-on-brand, var(--primary-foreground));
  --sr-scheme-accent-text-muted: var(--sr-on-brand-muted, var(--primary-foreground));
  --sr-scheme-accent-on: var(--sr-on-brand, var(--primary-foreground));
  --sr-scheme-accent-on-muted: var(--sr-on-brand-muted, var(--primary-foreground));
  --sr-scheme-accent-border-on: var(--sr-border-on-brand, var(--primary-foreground));
  --sr-scheme-accent-border: var(--sr-border-on-brand, var(--primary-foreground));
  --sr-scheme-accent-button: var(--sr-on-brand, var(--primary-foreground));
  --sr-scheme-accent-button-text: var(--primary);
  }
}

.shoprocket[data-theme="darkmatter"] [data-sr-scheme="base"] {
  --sr-scheme-bg: var(--sr-scheme-base-bg);
  --sr-scheme-on: var(--sr-scheme-base-on);
  --sr-scheme-on-muted: var(--sr-scheme-base-on-muted);
  --sr-scheme-border-on: var(--sr-scheme-base-border-on);
  --background: var(--sr-scheme-base-surface);
  --foreground: var(--sr-scheme-base-text);
  --card-foreground: var(--sr-scheme-base-text);
  --popover-foreground: var(--sr-scheme-base-text);
  --muted-foreground: var(--sr-scheme-base-text-muted);
  --muted: var(--sr-scheme-base-muted);
  --card: var(--sr-scheme-base-card);
  --popover: var(--sr-scheme-base-card);
  --border: var(--sr-scheme-base-border);
  --input: var(--sr-scheme-base-border);
  --primary: var(--sr-scheme-base-button);
  --ring: var(--sr-scheme-base-button);
  --primary-foreground: var(--sr-scheme-base-button-text);
  --sr-card-border: 1px solid var(--border, #e5e7eb);
  --sr-card-background: var(--card, var(--background, #ffffff));
  --sr-modal-background: var(--card, white);
  --sr-modal-close-color: var(--card-foreground, #333);
  --sr-hotspot-focus: 2px solid var(--primary, #111827);
  --sr-hotspot-list-ring: 0 0 0 1px var(--border, #e5e7eb);
}

.shoprocket[data-theme="darkmatter"] [data-sr-scheme="soft"] {
  --sr-scheme-bg: var(--sr-scheme-soft-bg);
  --sr-scheme-on: var(--sr-scheme-soft-on);
  --sr-scheme-on-muted: var(--sr-scheme-soft-on-muted);
  --sr-scheme-border-on: var(--sr-scheme-soft-border-on);
  --background: var(--sr-scheme-soft-surface);
  --foreground: var(--sr-scheme-soft-text);
  --card-foreground: var(--sr-scheme-soft-text);
  --popover-foreground: var(--sr-scheme-soft-text);
  --muted-foreground: var(--sr-scheme-soft-text-muted);
  --muted: var(--sr-scheme-soft-muted);
  --card: var(--sr-scheme-soft-card);
  --popover: var(--sr-scheme-soft-card);
  --border: var(--sr-scheme-soft-border);
  --input: var(--sr-scheme-soft-border);
  --primary: var(--sr-scheme-soft-button);
  --ring: var(--sr-scheme-soft-button);
  --primary-foreground: var(--sr-scheme-soft-button-text);
  --sr-card-border: 1px solid var(--border, #e5e7eb);
  --sr-card-background: var(--card, var(--background, #ffffff));
  --sr-modal-background: var(--card, white);
  --sr-modal-close-color: var(--card-foreground, #333);
  --sr-hotspot-focus: 2px solid var(--primary, #111827);
  --sr-hotspot-list-ring: 0 0 0 1px var(--border, #e5e7eb);
}

.shoprocket[data-theme="darkmatter"] [data-sr-scheme="contrast"] {
  --sr-scheme-bg: var(--sr-scheme-contrast-bg);
  --sr-scheme-on: var(--sr-scheme-contrast-on);
  --sr-scheme-on-muted: var(--sr-scheme-contrast-on-muted);
  --sr-scheme-border-on: var(--sr-scheme-contrast-border-on);
  --background: var(--sr-scheme-contrast-surface);
  --foreground: var(--sr-scheme-contrast-text);
  --card-foreground: var(--sr-scheme-contrast-text);
  --popover-foreground: var(--sr-scheme-contrast-text);
  --muted-foreground: var(--sr-scheme-contrast-text-muted);
  --muted: var(--sr-scheme-contrast-muted);
  --card: var(--sr-scheme-contrast-card);
  --popover: var(--sr-scheme-contrast-card);
  --border: var(--sr-scheme-contrast-border);
  --input: var(--sr-scheme-contrast-border);
  --primary: var(--sr-scheme-contrast-button);
  --ring: var(--sr-scheme-contrast-button);
  --primary-foreground: var(--sr-scheme-contrast-button-text);
  --sr-card-border: 1px solid var(--border, #e5e7eb);
  --sr-card-background: var(--card, var(--background, #ffffff));
  --sr-modal-background: var(--card, white);
  --sr-modal-close-color: var(--card-foreground, #333);
  --sr-hotspot-focus: 2px solid var(--primary, #111827);
  --sr-hotspot-list-ring: 0 0 0 1px var(--border, #e5e7eb);
}

.shoprocket[data-theme="darkmatter"] [data-sr-scheme="accent"] {
  --sr-scheme-bg: var(--sr-scheme-accent-bg);
  --sr-scheme-on: var(--sr-scheme-accent-on);
  --sr-scheme-on-muted: var(--sr-scheme-accent-on-muted);
  --sr-scheme-border-on: var(--sr-scheme-accent-border-on);
  --background: var(--sr-scheme-accent-surface);
  --foreground: var(--sr-scheme-accent-text);
  --card-foreground: var(--sr-scheme-accent-text);
  --popover-foreground: var(--sr-scheme-accent-text);
  --muted-foreground: var(--sr-scheme-accent-text-muted);
  --muted: var(--sr-scheme-accent-muted);
  --card: var(--sr-scheme-accent-card);
  --popover: var(--sr-scheme-accent-card);
  --border: var(--sr-scheme-accent-border);
  --input: var(--sr-scheme-accent-border);
  --primary: var(--sr-scheme-accent-button);
  --ring: var(--sr-scheme-accent-button);
  --primary-foreground: var(--sr-scheme-accent-button-text);
  --sr-card-border: 1px solid var(--border, #e5e7eb);
  --sr-card-background: var(--card, var(--background, #ffffff));
  --sr-modal-background: var(--card, white);
  --sr-modal-close-color: var(--card-foreground, #333);
  --sr-hotspot-focus: 2px solid var(--primary, #111827);
  --sr-hotspot-list-ring: 0 0 0 1px var(--border, #e5e7eb);
}