:root {
--color-graphite-50: #f2eee8;
--color-graphite-300: #b9b2a8;
--color-graphite-400: #9d968c;
--color-graphite-600: #7c766c;
--color-graphite-700: #3c3934;
--color-graphite-750: #302d2a;
--color-graphite-800: #282522;
--color-graphite-850: #1f1d1b;
--color-graphite-900: #1c1a18;
--color-graphite-950: #121110;
--color-orange-500: #f55818;
--color-orange-600: #ea4e01;
--color-orange-700: #e34700;
--color-green-400: #91c086;
--color-coral-400: #e5877a;
--color-amber-400: #e1b66c;
--color-alpha-glass: color(srgb 0.1098 0.102 0.0941 / 0.85);
--color-alpha-edge: color(srgb 0.949 0.9333 0.9098 / 0.12);
--color-alpha-scrim: color(srgb 0.0706 0.0667 0.0627 / 0.8);
--color-alpha-shadow: color(srgb 0 0 0 / 0.5);
--color-bg-base: #121110;
--color-bg-raised: #1c1a18;
--color-bg-field: #1f1d1b;
--color-bg-control: #282522;
--color-bg-highlight: #302d2a;
--color-bg-overlay: #1c1a18;
--color-scrim: color(srgb 0.0706 0.0667 0.0627 / 0.8);
--color-text-primary: #f2eee8;
--color-text-secondary: #b9b2a8;
--color-text-tertiary: #9d968c;
--color-text-placeholder: #9d968c;
--color-text-onAccent: #121110;
--color-accent: #ea4e01;
--color-accent-hover: #f55818;
--color-accent-pressed: #e34700;
--color-status-success: #91c086;
--color-status-error: #e5877a;
--color-status-warning: #e1b66c;
--color-status-info: #b9b2a8;
--color-border-hairline: #3c3934;
--color-border-control: #7c766c;
--color-focus-ring: #f2eee8;
--color-glass-fill: color(srgb 0.1098 0.102 0.0941 / 0.85);
--color-glass-edge: color(srgb 0.949 0.9333 0.9098 / 0.12);
--typeface-onest: Onest, system-ui, sans-serif;
--typeface-weight-400: 400;
--typeface-weight-500: 500;
--typeface-weight-600: 600;
--typeface-weight-700: 700;
--typeface-size-12: 0.75rem;
--typeface-size-14: 0.875rem;
--typeface-size-16: 1rem;
--typeface-size-18: 1.125rem;
--typeface-size-20: 1.25rem;
--typeface-size-24: 1.5rem;
--typeface-size-29: 1.8125rem;
--typeface-size-36: 2.25rem;
--typeface-size-47: 2.9375rem;
--typeface-leading-100: 1;
--typeface-leading-110: 1.1;
--typeface-leading-120: 1.2;
--typeface-leading-125: 1.25;
--typeface-leading-143: 1.43;
--typeface-leading-150: 1.5;
--typeface-tracking-0: 0;
--typeface-measure-70: 70;
--viewport-375: 375px;
--viewport-1023: 1023px;
--viewport-1440: 1440px;
--font-family: Onest, system-ui, sans-serif;
--font-weight-regular: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--type-fluid-from: 375px;
--type-fluid-to: 1440px;
--type-measure: 70;
--type-display-sizeMin: 1.8125rem;
--type-display-sizeMax: 2.9375rem;
--type-display-lineHeight: 1.1;
--type-display-tracking: 0;
--type-display-weight: 600;
--type-price-sizeMin: 1.25rem;
--type-price-sizeMax: 1.8125rem;
--type-price-lineHeight: 1.2;
--type-price-tracking: 0;
--type-price-weight: 600;
--type-title-sizeMin: 1.5rem;
--type-title-sizeMax: 2.25rem;
--type-title-lineHeight: 1.2;
--type-title-tracking: 0;
--type-title-weight: 600;
--type-heading-sizeMin: 1.25rem;
--type-heading-sizeMax: 1.8125rem;
--type-heading-lineHeight: 1.2;
--type-heading-tracking: 0;
--type-heading-weight: 600;
--type-body-size: 1rem;
--type-body-lineHeight: 1.5;
--type-body-tracking: 0;
--type-body-weight: 400;
--type-bodySmall-size: 0.875rem;
--type-bodySmall-lineHeight: 1.43;
--type-bodySmall-tracking: 0;
--type-bodySmall-weight: 400;
--type-button-size: 1rem;
--type-button-lineHeight: 1;
--type-button-tracking: 0;
--type-button-weight: 500;
--type-caption-size: 0.75rem;
--type-caption-lineHeight: 1.25;
--type-caption-tracking: 0;
--type-caption-weight: 400;
--type-label-size: 0.75rem;
--type-label-lineHeight: 1.25;
--type-label-tracking: 0;
--type-label-weight: 500;
--space-6: 6px;
--space-12: 12px;
--space-18: 18px;
--space-24: 24px;
--space-36: 36px;
--space-42: 42px;
--space-60: 60px;
--space-xxs: 6px;
--space-xs: 12px;
--space-s: 18px;
--space-m: 24px;
--space-l: 36px;
--space-xl: 42px;
--space-section: 60px;
--radius-8: 8px;
--radius-12: 12px;
--radius-16: 16px;
--radius-24: 24px;
--radius-9999: 9999px;
--radius-small: 8px;
--radius-medium: 12px;
--radius-large: 16px;
--radius-sheet: 24px;
--radius-full: 9999px;
--blur-12: 12px;
--blur-24: 24px;
--blur-glass: 12px;
--blur-matte: 24px;
--size-0: 0px;
--size-1: 1px;
--size-2: 2px;
--size-5: 5px;
--size-8: 8px;
--size-16: 16px;
--size-20: 20px;
--size-24: 24px;
--size-25: 25px;
--size-48: 48px;
--size-64: 64px;
--size-80: 80px;
--size--2: -2px;
--stroke-2: 2;
--opacity-50: 0.5;
--opacity-disabled: 0.5;
--shadow-floating: 0px 5px 25px 0px color(srgb 0 0 0 / 0.5);
--duration-120: 120ms;
--duration-125: 125ms;
--duration-150: 150ms;
--duration-200: 200ms;
--duration-250: 250ms;
--duration-400: 400ms;
--duration-500: 500ms;
--duration-800: 800ms;
--duration-1200: 1200ms;
--duration-5000: 5000ms;
--easing-quintOut: cubic-bezier(0.23, 1, 0.32, 1);
--easing-quartInOut: cubic-bezier(0.77, 0, 0.175, 1);
--easing-drawer: cubic-bezier(0.32, 0.72, 0, 1);
--easing-css: cubic-bezier(0.25, 0.1, 0.25, 1);
--easing-linear: cubic-bezier(0, 0, 1, 1);
--scale-95: 0.95;
--scale-97: 0.97;
--order-1: 1;
--order-2: 2;
--order-3: 3;
--order-4: 4;
--ratio-square: 1;
--ratio-wide: 3;
--ratio-photo: 1.3333;
--share-half: 0.5;
--count-2: 2;
--count-3: 3;
--count-4: 4;
--motion-duration-press: 120ms;
--motion-duration-state: 200ms;
--motion-duration-tooltip: 125ms;
--motion-duration-menu-open: 200ms;
--motion-duration-menu-close: 150ms;
--motion-duration-modal-open: 250ms;
--motion-duration-modal-close: 200ms;
--motion-duration-sheet: 500ms;
--motion-duration-toast: 400ms;
--motion-duration-expand: 200ms;
--motion-duration-spin: 800ms;
--motion-duration-skeleton: 1200ms;
--motion-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
--motion-ease-inOut: cubic-bezier(0.77, 0, 0.175, 1);
--motion-ease-sheet: cubic-bezier(0.32, 0.72, 0, 1);
--motion-ease-standard: cubic-bezier(0.25, 0.1, 0.25, 1);
--motion-ease-linear: cubic-bezier(0, 0, 1, 1);
--motion-scale-press: 0.97;
--motion-scale-enter: 0.95;
--gesture-dismiss-distance: 140px;
--gesture-dismiss-velocity: 650;
--gesture-dismiss-projection: 80ms;
--gesture-drag-limit: 90px;
--gesture-drag-elastic: 0.22;
--gesture-drag-scale: 1.01;
--gesture-drag-tilt: 2.5;
--gesture-drag-tiltRange: 300px;
--gesture-drag-perspective: 1200px;
--border-width-hairline: 1px;
--border-width-control: 1px;
--border-width-selected: 2px;
--border-width-focus: 2px;
--focus-offset: 2px;
--focus-inset: -2px;
--icon-size-small: 16px;
--icon-size-medium: 20px;
--icon-size-large: 24px;
--icon-size-xlarge: 48px;
--icon-stroke: 2;
--tap-min: 48px;
--layout-phoneMax: 1023px;
--layout-columnsPhone: 2;
--layout-columnsDesktop: 4;
--layout-stripVisiblePhone: 1.6;
--layer-sticky: 1;
--layer-menu: 2;
--layer-overlay: 3;
--layer-toast: 4;
--page-background: #121110;
--page-text: #f2eee8;
--page-selection: #302d2a;
--page-gutterPhone: 18px;
--page-gutterDesktop: 24px;
--page-sectionGapPhone: 42px;
--page-sectionGapDesktop: 60px;
--page-phoneMax: 1023px;
--page-textMeasure: 70;
--page-cardGalleryColumns: 3;
--page-cardInfoColumns: 2;
--page-cardColumnGap: 36px;
--page-cardSheetBackground: #121110;
--page-cardSheetRadius: 24px;
--pageTitle-text: #f2eee8;
--pageTitle-sizeMin: 1.5rem;
--pageTitle-sizeMax: 2.25rem;
--pageTitle-lineHeight: 1.2;
--pageTitle-weight: 600;
--pageTitle-tracking: 0;
--header-background: #121110;
--header-stickyBackground: color(srgb 0.1098 0.102 0.0941 / 0.85);
--header-stickyEdge: color(srgb 0.949 0.9333 0.9098 / 0.12);
--header-stickyBlur: 12px;
--header-stickyFallback: #1c1a18;
--header-text: #f2eee8;
--header-iconSize: 20px;
--header-gap: 24px;
--header-paddingY: 12px;
--header-searchBackground: #1f1d1b;
--header-searchBorder: #7c766c;
--header-searchText: #f2eee8;
--header-searchPlaceholder: #9d968c;
--header-searchRadius: 12px;
--header-searchTextSize: 1rem;
--header-searchTextLineHeight: 1.5;
--header-searchTextWeight: 400;
--header-searchTextTracking: 0;
--header-searchBorderWidth: 1px;
--header-searchBorderWidthFocus: 2px;
--header-searchMinHeight: 48px;
--header-searchPaddingX: 12px;
--header-controlBackgroundHover: #302d2a;
--header-searchBorderFocus: #f2eee8;
--header-focusRing: #f2eee8;
--header-focusWidth: 2px;
--header-focusOffset: 2px;
--header-layer: 1;
--header-nameSize: 1.25rem;
--header-nameLineHeight: 1.2;
--header-nameWeight: 600;
--header-nameTracking: 0;
--header-nameHover: #b9b2a8;
--header-screenTitleSize: 1rem;
--header-screenTitleLineHeight: 1.5;
--header-screenTitleWeight: 600;
--header-screenTitleTracking: 0;
--header-iconStroke: 2;
--header-stickyEdgeWidth: 1px;
--header-contrastEdge: #7c766c;
--header-titleGap: 12px;
--header-phoneGap: 12px;
--counter-background: #282522;
--counter-text: #f2eee8;
--counter-textSize: 0.75rem;
--counter-textLineHeight: 1.25;
--counter-textWeight: 500;
--counter-textTracking: 0;
--counter-radius: 9999px;
--counter-paddingX: 6px;
--counter-minSize: 20px;
--button-primary-background: #ea4e01;
--button-primary-backgroundHover: #f55818;
--button-primary-backgroundPressed: #e34700;
--button-primary-text: #121110;
--button-secondary-background: #282522;
--button-secondary-backgroundHover: #302d2a;
--button-secondary-backgroundPressed: #302d2a;
--button-secondary-text: #f2eee8;
--button-secondary-border: #7c766c;
--button-secondary-borderWidth: 1px;
--button-secondary-backgroundExpanded: #302d2a;
--button-radius: 12px;
--button-paddingX: 24px;
--button-gap: 6px;
--button-minHeight: 48px;
--button-textSize: 1rem;
--button-textLineHeight: 1;
--button-textWeight: 500;
--button-textTracking: 0;
--button-iconSize: 20px;
--button-stateDuration: 200ms;
--button-stateEase: cubic-bezier(0.25, 0.1, 0.25, 1);
--button-disabledOpacity: 0.5;
--button-pressScale: 0.97;
--button-pressDuration: 120ms;
--button-pressEase: cubic-bezier(0.23, 1, 0.32, 1);
--button-focusRing: #f2eee8;
--button-focusWidth: 2px;
--button-focusOffset: 2px;
--button-tertiary-text: #b9b2a8;
--button-tertiary-textHover: #f2eee8;
--button-tertiary-backgroundPressed: #302d2a;
--button-tertiary-paddingX: 12px;
--button-tertiary-textExpanded: #f2eee8;
--button-inCart-text: #f2eee8;
--button-inCart-background: #1c1a18;
--button-inCart-border: #ea4e01;
--button-inCart-borderPressed: #e34700;
--button-inCart-borderWidth: 2px;
--button-inCart-backgroundHover: #302d2a;
--button-iconButton-size: 48px;
--button-iconButton-iconColor: #f2eee8;
--button-iconButton-backgroundHover: #302d2a;
--button-iconButton-backgroundPressed: #302d2a;
--button-loadingIconSize: 20px;
--button-insetRadius: 8px;
--button-iconStroke: 2;
--button-iconPrimary-size: 48px;
--button-iconPrimary-radius: 9999px;
--button-iconPrimary-background: #ea4e01;
--button-iconPrimary-backgroundHover: #f55818;
--button-iconPrimary-backgroundPressed: #e34700;
--button-iconPrimary-iconColor: #121110;
--button-outline-text: #f2eee8;
--button-outline-border: #7c766c;
--button-outline-borderWidth: 1px;
--button-outline-radius: 9999px;
--button-outline-backgroundHover: color(srgb 0.949 0.9333 0.9098 / 0.12);
--button-outline-backgroundPressed: color(srgb 0.949 0.9333 0.9098 / 0.12);
--button-iconInCart-size: 48px;
--button-iconInCart-radius: 9999px;
--button-iconInCart-border: #ea4e01;
--button-iconInCart-borderPressed: #e34700;
--button-iconInCart-borderWidth: 2px;
--button-iconInCart-iconColor: #ea4e01;
--button-iconInCart-backgroundHover: #302d2a;
--button-iconInCart-badgeSize: 20px;
--button-iconInCart-badgeBackground: #ea4e01;
--button-iconInCart-badgeIconColor: #121110;
--button-iconInCart-badgeIconSize: 16px;
--button-iconInCart-badgeOffset: -2px;
--button-iconTertiary-size: 48px;
--button-iconTertiary-iconColor: #b9b2a8;
--button-iconTertiary-iconColorHover: #f2eee8;
--button-iconTertiary-backgroundPressed: #302d2a;
--link-textHover: #f2eee8;
--link-focusRing: #f2eee8;
--link-focusWidth: 2px;
--link-focusOffset: 2px;
--link-minHeight: 24px;
--price-text: #f2eee8;
--price-fromText: #b9b2a8;
--price-largeSizeMin: 1.25rem;
--price-largeSizeMax: 1.8125rem;
--price-largeLineHeight: 1.2;
--price-largeWeight: 600;
--price-largeTracking: 0;
--price-regularSize: 1rem;
--price-regularWeight: 600;
--price-regularLineHeight: 1.5;
--price-regularTracking: 0;
--tile-background: #1c1a18;
--tile-radius: 16px;
--tile-gap: 12px;
--tile-title: #f2eee8;
--tile-titleSize: 0.875rem;
--tile-titleLineHeight: 1.43;
--tile-titleWeight: 500;
--tile-titleTracking: 0;
--tile-caption: #9d968c;
--tile-captionSize: 0.75rem;
--tile-captionLineHeight: 1.25;
--tile-captionWeight: 400;
--tile-captionTracking: 0;
--tile-imageFallback: #282522;
--tile-pressScale: 0.97;
--tile-pressDuration: 120ms;
--tile-pressEase: cubic-bezier(0.23, 1, 0.32, 1);
--tile-focusRing: #f2eee8;
--tile-focusWidth: 2px;
--tile-focusOffset: -2px;
--tile-backgroundHover: #302d2a;
--tile-imageRadius: 8px;
--tile-imageAspect: 1;
--tile-titleLines: 2;
--tile-purchaseGap: 6px;
--tile-paddingPhone: 12px;
--tile-paddingDesktop: 18px;
--tile-infoGap: 6px;
--tile-statusGap: 6px;
--tile-dotSize: 8px;
--tile-inStock: #91c086;
--tile-outOfStock: #e5877a;
--categoryTile-background: #1c1a18;
--categoryTile-radius: 16px;
--categoryTile-padding: 18px;
--categoryTile-title: #f2eee8;
--categoryTile-titleSize: 1rem;
--categoryTile-titleLineHeight: 1.5;
--categoryTile-titleTracking: 0;
--categoryTile-titleWeight: 500;
--categoryTile-imageFallback: #282522;
--categoryTile-pressScale: 0.97;
--categoryTile-pressDuration: 120ms;
--categoryTile-pressEase: cubic-bezier(0.23, 1, 0.32, 1);
--categoryTile-focusRing: #f2eee8;
--categoryTile-focusWidth: 2px;
--categoryTile-focusOffset: 2px;
--categoryTile-backgroundHover: #302d2a;
--categoryTile-imageAspect: 1;
--categoryTile-hoverOverlay: color(srgb 0.949 0.9333 0.9098 / 0.12);
--banner-background: #1c1a18;
--banner-radius: 16px;
--banner-paddingPhone: 18px;
--banner-paddingDesktop: 36px;
--banner-title: #f2eee8;
--banner-titleSizeMin: 1.8125rem;
--banner-titleSizeMax: 2.9375rem;
--banner-titleLineHeight: 1.1;
--banner-titleWeight: 600;
--banner-titleTracking: 0;
--banner-subtitle: #b9b2a8;
--banner-subtitleSize: 1rem;
--banner-subtitleLineHeight: 1.5;
--banner-subtitleWeight: 400;
--banner-subtitleTracking: 0;
--banner-dotActive: #f2eee8;
--banner-dotInactive: #9d968c;
--banner-dotHover: #f2eee8;
--banner-textScrim: color(srgb 0.0706 0.0667 0.0627 / 0.8);
--banner-focusRing: #f2eee8;
--banner-focusWidth: 2px;
--banner-focusOffset: 2px;
--banner-hoverOverlay: color(srgb 0.949 0.9333 0.9098 / 0.12);
--banner-pressScale: 0.97;
--banner-pressDuration: 120ms;
--banner-pressEase: cubic-bezier(0.23, 1, 0.32, 1);
--banner-aspectDesktop: 3;
--banner-aspectPhone: 3;
--banner-textShare: 0.5;
--banner-dotSize: 5px;
--banner-dotWidthActive: 16px;
--banner-dotHitArea: 24px;
--banner-paddingBlockPhone: 6px;
--banner-gapPhone: 6px;
--banner-gapDesktop: 18px;
--banner-titleSizePhone: 1rem;
--banner-titleLineHeightPhone: 1.5;
--banner-titleWeightPhone: 600;
--banner-titleTrackingPhone: 0;
--banner-subtitleSizePhone: 0.75rem;
--banner-subtitleLineHeightPhone: 1.25;
--banner-subtitleWeightPhone: 400;
--banner-subtitleTrackingPhone: 0;
--banner-dotsBackground: color(srgb 0.0706 0.0667 0.0627 / 0.8);
--banner-dotsRadius: 9999px;
--banner-dotsOffset: 6px;
--banner-dotsPaddingX: 6px;
--banner-dotsHeightPhone: 16px;
--banner-dotsPaddingXPhone: 0px;
--shelf-title: #f2eee8;
--shelf-titleSizeMin: 1.25rem;
--shelf-titleSizeMax: 1.8125rem;
--shelf-titleLineHeight: 1.2;
--shelf-titleWeight: 600;
--shelf-titleTracking: 0;
--shelf-link: #b9b2a8;
--shelf-linkSize: 0.875rem;
--shelf-linkLineHeight: 1.43;
--shelf-linkWeight: 400;
--shelf-linkTracking: 0;
--shelf-titleGapPhone: 18px;
--shelf-titleGapDesktop: 24px;
--shelf-itemGap: 18px;
--shelf-linkHover: #f2eee8;
--shelf-focusRing: #f2eee8;
--shelf-focusWidth: 2px;
--shelf-focusOffset: 2px;
--shelf-dotSize: 5px;
--shelf-dotWidthActive: 16px;
--shelf-dotHitArea: 24px;
--shelf-dotActive: #f2eee8;
--shelf-dotInactive: #9d968c;
--shelf-dotHover: #f2eee8;
--feature-iconColor: #b9b2a8;
--feature-iconSize: 24px;
--feature-text: #f2eee8;
--feature-textSize: 0.875rem;
--feature-textLineHeight: 1.43;
--feature-textWeight: 400;
--feature-textTracking: 0;
--feature-gap: 12px;
--feature-focusRing: #f2eee8;
--feature-focusWidth: 2px;
--feature-focusOffset: 2px;
--feature-iconStroke: 2;
--breadcrumbs-link: #b9b2a8;
--breadcrumbs-current: #f2eee8;
--breadcrumbs-separator: #9d968c;
--breadcrumbs-textSize: 0.875rem;
--breadcrumbs-textLineHeight: 1.43;
--breadcrumbs-textWeight: 400;
--breadcrumbs-textTracking: 0;
--breadcrumbs-gap: 6px;
--breadcrumbs-linkHover: #f2eee8;
--breadcrumbs-focusRing: #f2eee8;
--breadcrumbs-focusWidth: 2px;
--breadcrumbs-focusOffset: 2px;
--breadcrumbs-separatorSize: 16px;
--breadcrumbs-iconStroke: 2;
--gallery-background: #1c1a18;
--gallery-radius: 16px;
--gallery-thumbBorder: #7c766c;
--gallery-thumbBorderSelected: #ea4e01;
--gallery-thumbBorderWidth: 1px;
--gallery-thumbBorderWidthSelected: 2px;
--gallery-thumbRadius: 12px;
--gallery-thumbGap: 18px;
--gallery-counter: #f2eee8;
--gallery-zoomBackground: #121110;
--gallery-zoomOpen: 250ms;
--gallery-zoomClose: 200ms;
--gallery-zoomEase: cubic-bezier(0.23, 1, 0.32, 1);
--gallery-focusRing: #f2eee8;
--gallery-thumbBackgroundHover: #302d2a;
--gallery-thumbPressScale: 0.97;
--gallery-thumbPressDuration: 120ms;
--gallery-thumbPressEase: cubic-bezier(0.23, 1, 0.32, 1);
--gallery-slideHoverOverlay: color(srgb 0.949 0.9333 0.9098 / 0.12);
--gallery-slidePressScale: 0.97;
--gallery-slidePressDuration: 120ms;
--gallery-slidePressEase: cubic-bezier(0.23, 1, 0.32, 1);
--gallery-focusWidth: 2px;
--gallery-focusOffset: 2px;
--gallery-thumbSize: 80px;
--gallery-imageAspect: 1;
--gallery-dotSize: 5px;
--gallery-dotWidthActive: 16px;
--gallery-dotHitArea: 24px;
--gallery-dotActive: #f2eee8;
--gallery-dotInactive: #9d968c;
--gallery-dotHover: #f2eee8;
--gallery-dotsPaddingY: 6px;
--swatch-size: 48px;
--swatch-radius: 9999px;
--swatch-border: #7c766c;
--swatch-borderSelected: #ea4e01;
--swatch-borderWidth: 1px;
--swatch-borderWidthSelected: 2px;
--swatch-label: #b9b2a8;
--swatch-unavailableOpacity: 0.5;
--swatch-focusRing: #f2eee8;
--swatch-backgroundHover: #302d2a;
--swatch-focusWidth: 2px;
--swatch-focusOffset: 2px;
--swatch-pressScale: 0.97;
--swatch-pressDuration: 120ms;
--swatch-pressEase: cubic-bezier(0.23, 1, 0.32, 1);
--swatch-ringGap: 2px;
--swatch-strikeWidth: 2px;
--chip-background: #282522;
--chip-backgroundHover: #302d2a;
--chip-text: #f2eee8;
--chip-border: #7c766c;
--chip-borderSelected: #ea4e01;
--chip-borderWidth: 1px;
--chip-borderWidthSelected: 2px;
--chip-radius: 8px;
--chip-paddingX: 12px;
--chip-minHeight: 48px;
--chip-textSize: 0.875rem;
--chip-textLineHeight: 1.43;
--chip-textWeight: 400;
--chip-textTracking: 0;
--chip-unavailableOpacity: 0.5;
--chip-focusRing: #f2eee8;
--chip-textUnavailable: #b9b2a8;
--chip-focusWidth: 2px;
--chip-focusOffset: 2px;
--chip-pressScale: 0.97;
--chip-pressDuration: 120ms;
--chip-pressEase: cubic-bezier(0.23, 1, 0.32, 1);
--availability-text: #b9b2a8;
--availability-inStock: #91c086;
--availability-outOfStock: #e5877a;
--availability-notForSale: #b9b2a8;
--availability-textSize: 0.875rem;
--availability-textLineHeight: 1.43;
--availability-textWeight: 400;
--availability-textTracking: 0;
--availability-gap: 6px;
--availability-rowGap: 6px;
--availability-focusRing: #f2eee8;
--availability-focusWidth: 2px;
--availability-focusOffset: 2px;
--availability-dotSize: 8px;
--specRow-name: #b9b2a8;
--specRow-value: #f2eee8;
--specRow-divider: #3c3934;
--specRow-dividerWidth: 1px;
--specRow-textSize: 0.875rem;
--specRow-textLineHeight: 1.43;
--specRow-textWeight: 400;
--specRow-textTracking: 0;
--specRow-paddingY: 12px;
--specRow-groupTitleSize: 1rem;
--specRow-groupTitleWeight: 600;
--specRow-groupTitleLineHeight: 1.5;
--specRow-groupTitleTracking: 0;
--buybar-background: color(srgb 0.1098 0.102 0.0941 / 0.85);
--buybar-edge: color(srgb 0.949 0.9333 0.9098 / 0.12);
--buybar-blur: 12px;
--buybar-fallback: #1c1a18;
--buybar-shadow: 0px 5px 25px 0px color(srgb 0 0 0 / 0.5);
--buybar-radius: 12px;
--buybar-padding: 12px;
--buybar-gap: 12px;
--buybar-text: #f2eee8;
--buybar-textSize: 1rem;
--buybar-textWeight: 600;
--buybar-textLineHeight: 1.5;
--buybar-textTracking: 0;
--buybar-buttonRadius: 8px;
--buybar-layer: 1;
--buybar-iconStroke: 2;
--buybar-edgeWidth: 1px;
--buybar-contrastEdge: #7c766c;
--buybar-paddingYPhone: 6px;
--buybar-paddingXDesktop: 24px;
--buybar-productGap: 12px;
--buybar-photoSize: 48px;
--buybar-photoRadius: 8px;
--buybar-photoBackground: #1c1a18;
--buybar-name: #f2eee8;
--buybar-nameSize: 1rem;
--buybar-nameLineHeight: 1.5;
--buybar-nameWeight: 400;
--buybar-nameTracking: 0;
--buybar-variant: #b9b2a8;
--buybar-variantSize: 0.875rem;
--buybar-variantLineHeight: 1.43;
--buybar-variantWeight: 400;
--buybar-variantTracking: 0;
--tabbar-background: color(srgb 0.1098 0.102 0.0941 / 0.85);
--tabbar-edge: color(srgb 0.949 0.9333 0.9098 / 0.12);
--tabbar-blur: 24px;
--tabbar-fallback: #1c1a18;
--tabbar-label: #b9b2a8;
--tabbar-labelSelected: #f2eee8;
--tabbar-iconColor: #b9b2a8;
--tabbar-iconColorSelected: #f2eee8;
--tabbar-iconSize: 24px;
--tabbar-labelSize: 0.75rem;
--tabbar-labelLineHeight: 1.25;
--tabbar-labelWeight: 500;
--tabbar-labelTracking: 0;
--tabbar-focusRing: #f2eee8;
--tabbar-focusWidth: 2px;
--tabbar-focusOffset: 2px;
--tabbar-layer: 1;
--tabbar-height: 64px;
--tabbar-iconStroke: 2;
--tabbar-edgeWidth: 1px;
--tabbar-contrastEdge: #7c766c;
--tabbar-radius: 24px;
--tabbar-glow: color(srgb 0.949 0.9333 0.9098 / 0.12);
--tabbar-glowSize: 80px;
--skeleton-surface: #1c1a18;
--skeleton-block: #282522;
--skeleton-radius: 8px;
--skeleton-lineSize: 1rem;
--skeleton-lineLeading: 1.5;
--skeleton-titleSize: 1.25rem;
--skeleton-titleLeading: 1.2;
--errorState-iconColor: #f2eee8;
--errorState-iconSize: 48px;
--errorState-text: #f2eee8;
--errorState-textSize: 1rem;
--errorState-textLineHeight: 1.5;
--errorState-textWeight: 400;
--errorState-textTracking: 0;
--errorState-detail: #b9b2a8;
--errorState-detailSize: 0.875rem;
--errorState-detailLineHeight: 1.43;
--errorState-detailWeight: 400;
--errorState-detailTracking: 0;
--errorState-gap: 12px;
--errorState-iconStroke: 2;
--field-background: #1f1d1b;
--field-border: #7c766c;
--field-borderFocus: #f2eee8;
--field-borderError: #e5877a;
--field-text: #f2eee8;
--field-placeholder: #9d968c;
--field-caret: #f2eee8;
--field-radius: 12px;
--field-paddingX: 12px;
--field-minHeight: 48px;
--field-textSize: 1rem;
--field-textLineHeight: 1.5;
--field-textWeight: 400;
--field-textTracking: 0;
--field-borderWidth: 1px;
--field-borderWidthFocus: 2px;
--field-label: #b9b2a8;
--field-hint: #9d968c;
--field-errorText: #e5877a;
--field-errorIcon: #e5877a;
--field-disabledOpacity: 0.5;
--menu-background: color(srgb 0.1098 0.102 0.0941 / 0.85);
--menu-blur: 12px;
--menu-fallback: #1c1a18;
--menu-edge: color(srgb 0.949 0.9333 0.9098 / 0.12);
--menu-contrastEdge: #7c766c;
--menu-edgeWidth: 1px;
--menu-shadow: 0px 5px 25px 0px color(srgb 0 0 0 / 0.5);
--menu-radius: 12px;
--menu-padding: 6px;
--menu-offset: 6px;
--menu-layer: 2;
--menu-itemMinHeight: 48px;
--menu-itemPaddingX: 12px;
--menu-itemGap: 12px;
--menu-itemRadius: 8px;
--menu-itemText: #f2eee8;
--menu-itemTextSize: 1rem;
--menu-itemTextLineHeight: 1.5;
--menu-itemTextWeight: 400;
--menu-itemTextTracking: 0;
--menu-itemWeightSelected: 600;
--menu-itemBackgroundHover: #302d2a;
--menu-itemBackgroundActive: #302d2a;
--menu-iconSize: 20px;
--menu-iconColor: #b9b2a8;
--menu-iconStroke: 2;
--menu-focusRing: #f2eee8;
--menu-focusWidth: 2px;
--menu-focusOffset: -2px;
--menu-separator: #3c3934;
--menu-separatorWidth: 1px;
--menu-separatorMargin: 6px;
--menu-label: #b9b2a8;
--menu-labelSize: 0.875rem;
--menu-labelLineHeight: 1.43;
--menu-labelWeight: 500;
--menu-labelTracking: 0;
--menu-labelPaddingY: 6px;
--menu-groupGap: 18px;
--menu-matchText: #b9b2a8;
--menu-matchWeight: 400;
--menu-completionText: #f2eee8;
--menu-completionWeight: 500;
--menu-panelPadding: 24px;
--menu-panelColumns: 4;
--menu-panelColumnGap: 24px;
--menu-panelMainGap: 18px;
--menu-panelProducts: 3;
--menu-panelProductGap: 18px;
--menu-title: #f2eee8;
--menu-titleSize: 1.25rem;
--menu-titleLineHeight: 1.2;
--menu-titleWeight: 600;
--menu-titleTracking: 0;
--menu-headText: #b9b2a8;
--menu-headGap: 24px;
--menu-scrim: color(srgb 0.0706 0.0667 0.0627 / 0.8);
--menu-openDuration: 200ms;
--menu-openEase: cubic-bezier(0.23, 1, 0.32, 1);
--menu-enterScale: 0.95;
--menu-pageGap: 24px;
--menu-pageProducts: 2;
--menu-pageProductGap: 12px;
--menuProduct-padding: 6px;
--menuProduct-gap: 6px;
--menuProduct-photoGap: 12px;
--menuProduct-radius: 8px;
--menuProduct-backgroundHover: #302d2a;
--menuProduct-photoBackground: #282522;
--menuProduct-photoRadius: 8px;
--menuProduct-photoAspect: 1;
--menuProduct-caption: #9d968c;
--menuProduct-captionSize: 0.75rem;
--menuProduct-captionLineHeight: 1.25;
--menuProduct-captionWeight: 400;
--menuProduct-captionTracking: 0;
--menuProduct-name: #f2eee8;
--menuProduct-nameSize: 0.875rem;
--menuProduct-nameLineHeight: 1.43;
--menuProduct-nameWeight: 500;
--menuProduct-nameTracking: 0;
--menuProduct-nameLines: 2;
--menuProduct-focusRing: #f2eee8;
--menuProduct-focusWidth: 2px;
--menuProduct-focusOffset: -2px;
--cartLine-paddingY: 24px;
--cartLine-columnGapDesktop: 24px;
--cartLine-columnGapPhone: 18px;
--cartLine-rowGap: 12px;
--cartLine-divider: #3c3934;
--cartLine-dividerWidth: 1px;
--cartLine-photoSizeDesktop: 80px;
--cartLine-photoSizePhone: 64px;
--cartLine-photoRadius: 12px;
--cartLine-photoBackground: #1c1a18;
--cartLine-infoGap: 6px;
--cartLine-name: #f2eee8;
--cartLine-nameSize: 1rem;
--cartLine-nameLineHeight: 1.5;
--cartLine-nameWeight: 400;
--cartLine-nameTracking: 0;
--cartLine-variant: #b9b2a8;
--cartLine-variantSize: 0.875rem;
--cartLine-variantLineHeight: 1.43;
--cartLine-variantWeight: 400;
--cartLine-variantTracking: 0;
--cartLine-note: #e1b66c;
--cartLine-noteSize: 0.875rem;
--cartLine-noteLineHeight: 1.43;
--cartLine-noteWeight: 400;
--cartLine-noteTracking: 0;
--cartLine-qty: #f2eee8;
--cartLine-qtySize: 1rem;
--cartLine-qtyLineHeight: 1.5;
--cartLine-qtyWeight: 400;
--cartLine-qtyTracking: 0;
--cartLine-qtyMinWidth: 24px;
--cartLine-soldOutOpacity: 0.5;
--cartLine-focusRing: #f2eee8;
--cartLine-focusWidth: 2px;
--cartLine-focusOffset: 2px;
--cartLine-undoDuration: 5000ms;
--cartSummary-background: #1c1a18;
--cartSummary-radius: 16px;
--cartSummary-padding: 24px;
--cartSummary-gap: 18px;
--cartSummary-label: #b9b2a8;
--cartSummary-labelSize: 0.875rem;
--cartSummary-labelLineHeight: 1.43;
--cartSummary-labelWeight: 400;
--cartSummary-labelTracking: 0;
--emptyState-iconColor: #f2eee8;
--emptyState-iconSize: 48px;
--emptyState-iconStroke: 2;
--emptyState-text: #f2eee8;
--emptyState-textSize: 1rem;
--emptyState-textLineHeight: 1.5;
--emptyState-textWeight: 400;
--emptyState-textTracking: 0;
--emptyState-detail: #b9b2a8;
--emptyState-detailSize: 0.875rem;
--emptyState-detailLineHeight: 1.43;
--emptyState-detailWeight: 400;
--emptyState-detailTracking: 0;
--emptyState-gap: 12px;
}
:root {
--layout-desktop: 0;
--layout-columns: calc(var(--layout-columnsPhone) + (var(--layout-columnsDesktop) - var(--layout-columnsPhone)) * var(--layout-desktop));
--layout-desktopOnly: none;
--layout-phoneOnly: flex;
--layout-phoneNowrap: nowrap;
}
@media (width > 1023px) {
:root { --layout-desktop: 1; --layout-desktopOnly: flex; --layout-phoneOnly: none; --layout-phoneNowrap: normal; }
}