/* Generated by scripts/design-system/build.py; edit design-system/tokens.json. */
:root {
  --hps-primitive-white: #ffffff;
  --hps-primitive-black: #000000;
  --hps-primitive-gray-50: #f5f5f5;
  --hps-primitive-gray-200: #d9d9d9;
  --hps-primitive-gray-500: #767676;
  --hps-primitive-gray-700: #444444;
  --hps-primitive-red-700: #b42318;
  --hps-primitive-green-700: #216e39;
  --hps-color-bg-canvas: var(--hps-primitive-white);
  --hps-color-bg-subtle: var(--hps-primitive-gray-50);
  --hps-color-bg-inverse: var(--hps-primitive-black);
  --hps-color-text-primary: var(--hps-primitive-black);
  --hps-color-text-secondary: var(--hps-primitive-gray-700);
  --hps-color-text-inverse: var(--hps-primitive-white);
  --hps-color-text-disabled: var(--hps-primitive-gray-500);
  --hps-color-border-subtle: var(--hps-primitive-gray-200);
  --hps-color-border-control: var(--hps-primitive-gray-500);
  --hps-color-action-default: var(--hps-primitive-black);
  --hps-color-action-hover: var(--hps-primitive-gray-700);
  --hps-color-focus: var(--hps-primitive-black);
  --hps-color-status-error: var(--hps-primitive-red-700);
  --hps-color-status-success: var(--hps-primitive-green-700);
  --hps-spacing-0: 0px;
  --hps-spacing-4: 4px;
  --hps-spacing-8: 8px;
  --hps-spacing-12: 12px;
  --hps-spacing-16: 16px;
  --hps-spacing-24: 24px;
  --hps-spacing-32: 32px;
  --hps-spacing-48: 48px;
  --hps-spacing-64: 64px;
  --hps-spacing-96: 96px;
  --hps-radius-none: 0px;
  --hps-border-thin: 1px;
  --hps-border-strong: 2px;
  --hps-control-default: 44px;
  --hps-control-large: 48px;
  --hps-icon-small: 16px;
  --hps-icon-default: 20px;
  --hps-layout-gutter-mobile: 16px;
  --hps-layout-gutter-desktop: 32px;
  --hps-layout-grid-gap: 24px;
  --hps-layout-reading-max: 720px;
  --hps-font-family: "Arimo";
  --hps-font-weight-regular: 400;
  --hps-font-weight-bold: 700;
  --hps-type-caption-size: 14px;
  --hps-type-caption-line: 20px;
  --hps-type-label-size: 14px;
  --hps-type-label-line: 20px;
  --hps-type-body-size: 18px;
  --hps-type-body-line: 28px;
  --hps-type-product-title-size: 16px;
  --hps-type-product-title-line: 24px;
  --hps-type-heading-size: 24px;
  --hps-type-heading-line: 28px;
  --hps-type-display-size: 48px;
  --hps-type-display-line: 48px;
  --hps-primitive-gray-950: #121212;
  --hps-primitive-gray-900: #202020;
  --hps-primitive-gray-800: #383838;
  --hps-primitive-gray-400: #a3a3a3;
  --hps-primitive-gray-300: #c8c8c8;
  --hps-primitive-red-300: #ff9a90;
  --hps-primitive-green-300: #8edba3;
  --hps-primitive-media: #e8e8e6;
  --hps-color-bg-media: var(--hps-primitive-white);
  --hps-type-price-size: 18px;
  --hps-type-price-line: 24px;
  --hps-viewport-width: 1440px;
  --hps-viewport-height: 900px;
  --hps-layout-gutter: 32px;
  --hps-layout-gap: 24px;
  --hps-header-gap: 24px;
  --hps-header-logo-slot: 1020px;
  --hps-header-navigation: 332px;
  --hps-hero-copy-width: 540px;
  --hps-hero-image-width: 772px;
  --hps-hero-image-height: 600px;
  --hps-hero-gap: 64px;
  --hps-product-card-width: 308px;
  --hps-product-image-height: 456px;
  --hps-section-padding: 64px;
  --hps-footer-copy-width: 1215px;
  --hps-color-bg-brand: var(--hps-primitive-black);
  --hps-product-image-width: 300px;
  --hps-content-column: 664px;
  --hps-content-narrow: 560px;
  --hps-content-half-field: 320px;
  --hps-detail-image-height: 800px;
  --hps-content-gap: 48px;
  --hps-motion-fast: 150ms;
  --hps-breakpoint-shop: 768px;
}
:root[data-color-mode="dark"] {
  color-scheme: dark;
  --hps-color-bg-canvas: var(--hps-primitive-gray-950);
  --hps-color-bg-subtle: var(--hps-primitive-gray-900);
  --hps-color-bg-inverse: var(--hps-primitive-gray-50);
  --hps-color-text-primary: var(--hps-primitive-gray-50);
  --hps-color-text-secondary: var(--hps-primitive-gray-300);
  --hps-color-text-inverse: var(--hps-primitive-gray-950);
  --hps-color-text-disabled: var(--hps-primitive-gray-400);
  --hps-color-border-subtle: var(--hps-primitive-gray-800);
  --hps-color-border-control: var(--hps-primitive-gray-400);
  --hps-color-action-default: var(--hps-primitive-gray-50);
  --hps-color-action-hover: var(--hps-primitive-gray-300);
  --hps-color-focus: var(--hps-primitive-white);
  --hps-color-status-error: var(--hps-primitive-red-300);
  --hps-color-status-success: var(--hps-primitive-green-300);
  --hps-color-bg-media: var(--hps-primitive-gray-950);
  --hps-color-bg-brand: var(--hps-primitive-gray-950);
}
:root[data-color-mode="light"] { color-scheme: light; }
@media (prefers-color-scheme: dark) {
:root[data-color-mode="auto"] {
  color-scheme: dark;
  --hps-color-bg-canvas: var(--hps-primitive-gray-950);
  --hps-color-bg-subtle: var(--hps-primitive-gray-900);
  --hps-color-bg-inverse: var(--hps-primitive-gray-50);
  --hps-color-text-primary: var(--hps-primitive-gray-50);
  --hps-color-text-secondary: var(--hps-primitive-gray-300);
  --hps-color-text-inverse: var(--hps-primitive-gray-950);
  --hps-color-text-disabled: var(--hps-primitive-gray-400);
  --hps-color-border-subtle: var(--hps-primitive-gray-800);
  --hps-color-border-control: var(--hps-primitive-gray-400);
  --hps-color-action-default: var(--hps-primitive-gray-50);
  --hps-color-action-hover: var(--hps-primitive-gray-300);
  --hps-color-focus: var(--hps-primitive-white);
  --hps-color-status-error: var(--hps-primitive-red-300);
  --hps-color-status-success: var(--hps-primitive-green-300);
  --hps-color-bg-media: var(--hps-primitive-gray-950);
  --hps-color-bg-brand: var(--hps-primitive-gray-950);
}
}
@media (max-width: 767px) {
:root {
  --hps-viewport-width: 390px;
  --hps-viewport-height: 844px;
  --hps-layout-gutter: 16px;
  --hps-layout-gap: 16px;
  --hps-header-gap: 8px;
  --hps-header-logo-slot: 358px;
  --hps-header-navigation: 358px;
  --hps-hero-copy-width: 358px;
  --hps-hero-image-width: 358px;
  --hps-hero-image-height: 440px;
  --hps-hero-gap: 32px;
  --hps-product-card-width: 358px;
  --hps-product-image-height: 532px;
  --hps-section-padding: 32px;
  --hps-footer-copy-width: 358px;
  --hps-product-image-width: 350px;
  --hps-content-column: 358px;
  --hps-content-narrow: 358px;
  --hps-content-half-field: 358px;
  --hps-detail-image-height: 432px;
  --hps-content-gap: 32px;
}
}