/* AUTO-GENERATED from Home Fashion 01 settings_data.json. Do not hand-edit; regenerate via scratchpad/gen_tokens.py */
:root {
  --scrollbar-w: 0px;
  --color-base-background: 255 255 255;
  --color-base-text: 34 34 34;
  --color-focus: 86 207 225;
  --color-foreground: 34 34 34;
  --color-foreground2: 135 135 135;
  --color-background2: 242 242 242;
  --color-accent: 86 207 225;
  --color-secondary: 98 98 98;
  --color-tertiary: 162 162 162;
  --hdt-btn-color: 255 255 255;
  --hdt-btn-bg: 34 34 34;
  --hdt-btn-border-color: 34 34 34;
  --hdt-btn-hover-color: 255 255 255;
  --hdt-btn-hover-bg: 52 52 52;
  --hdt-btn-hover-border-color: 52 52 52;
  --hdt-btn-secondary-color: 224 224 224;
  --hdt-btn-secondary-bg: 98 98 98;
  --hdt-btn-tertiary-color: 236 236 236;
  --hdt-btn-tertiary-bg: 162 162 162;
  --hdt-btn-outline-color: 34 34 34;
  --hdt-btn-outline-border-color: 34 34 34;
  --hdt-link-color: 34 34 34;
  --hdt-link-hover-color: 86 207 225;
  --color-line-border: 221 221 221;
  --color-overlay: 0 0 0;
  --color-pr-price: 105 105 105;
  --color-pr-sale-price: 236 1 1;
  --color-pr-text: 34 34 34;
  --color-pr-rating: 86 207 225;
  --color-input-primary: 255 255 255;
  --color-input-secondary: 135 135 135;
  --color-on-sale-badge-background: 248 168 2;
  --color-on-sale-badge-text: 255 255 255;
  --color-new-badge-background: 86 207 225;
  --color-new-badge-text: 255 255 255;
  --color-sold-out-badge-background: 153 153 153;
  --color-sold-out-badge-text: 255 255 255;
  --f_family_1: Jost, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --f_family_2: Jost, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --f_family_3: Jost, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --f_family_4: Jost, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --f_family_5: Jost, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-body-family: var(--f_family_1);
  --font-body-weight: 400;
  --font-body-weight-bold: 700;
  --font-heading-family: var(--f_family_1);
  --font-sheading-family: var(--f_family_3);
  --font-heading-weight: 600;
  --font-body-line-height: 1.7;
  --font-body-spacing: 0.0em;
  --font-heading-scale: 1.0;
  --font-heading-line-height: 1.5;
  --font-heading-spacing: 0.0em;
  --button-line-height: 1.2;
  --h0-size: calc(6.4rem * var(--font-heading-scale));
  --h1-size: calc(5.4rem * var(--font-heading-scale));
  --h2-size: calc(4.2rem * var(--font-heading-scale));
  --h3-size: calc(3.4rem * var(--font-heading-scale));
  --h4-size: calc(2.8rem * var(--font-heading-scale));
  --h5-size: calc(2.4rem * var(--font-heading-scale));
  --h6-size: calc(1.6rem * var(--font-heading-scale));
  --text-xs: 1.0rem;
  --text-sm: 1.2rem;
  --text-base: 1.4rem;
  --text-lg: 1.6rem;
  --text-xl: 1.8rem;
  --text-2xl: 2.0rem;
  --text-4xl: 2.2rem;
  --text-6xl: 2.4rem;
  --text-8xl: 2.6rem;
  --text-10xl: 2.8rem;
  --text-12xl: 3.0rem;
  --font-light: 300;
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-extrabold: 800;
  --font-black: 900;
  --spacing-x: 15px;
  --spacing-y: 15px;
  --container-max-width: 117.0rem;
  --container-max-width-padding-lg: 127.0rem;
  --container-max-width-padding-md: 123.0rem;
  --container-width-margin: 0rem;
  --spacing-sections-desktop: 0px;
  --spacing-sections-mobile: 0px;
  --radius-2xs: 0.0rem;
  --radius-xs: 0.0rem;
  --radius-sm: 0.0rem;
  --radius: 0.0rem;
  --radius-lg: 0.0rem;
  --radius-full: 9999px;
  --radius-button: 3.0rem;
  --radius-input: 3.0rem;
  --radius-product-card: 0.0rem;
  --radius-product-media: 0.0rem;
  --thickness-btn: 0.2rem;
  --value-logical-flip: 1; --value-origin-start: left; --value-origin-end: right;
  --duration-short: 100ms; --duration-default: 200ms; --duration-long: 500ms;
}
@media screen and (min-width:768px){:root{
  --text-base: 1.5rem; --text-lg:1.7rem; --text-xl:1.9rem;
  --text-2xl:2.1rem; --text-4xl:2.3rem; --text-6xl:2.5rem;
  --spacing-x:20px; --spacing-y:20px;
}}
@media screen and (min-width:1150px){:root{--spacing-x:30px; --spacing-y:30px;}}
[color-scheme="scheme-1"] {
      --color-background: 255 255 255;
      --color-background2: 242 242 242;
      --color-foreground: 34 34 34;
      --color-foreground2: 135 135 135;
      --color-accent: 86 207 225;
      --color-secondary: 98 98 98;
      --color-tertiary: 162 162 162;
      --hdt-btn-color: 255 255 255;
      --hdt-btn-bg: 34 34 34;
      --hdt-btn-border-color: 34 34 34;
      --hdt-btn-hover-color: 255 255 255;
      --hdt-btn-hover-bg: 52 52 52;
      --hdt-btn-hover-border-color: 52 52 52;
      --hdt-btn-secondary-color: 224 224 224;
      --hdt-btn-secondary-bg: 98 98 98;
      --hdt-btn-tertiary-color: 236 236 236;
      --hdt-btn-tertiary-bg: 162 162 162;
      --hdt-btn-outline-color: 34 34 34;
      --hdt-btn-outline-border-color: 34 34 34;
      --hdt-link-color: 34 34 34;
      --hdt-link-hover-color: 86 207 225;
      --color-line-border: 221 221 221;
      --color-overlay: 0 0 0;
      --color-pr-price: 105 105 105;
      --color-pr-sale-price: 236 1 1;
      --color-pr-text: 34 34 34;
      --color-pr-rating: 86 207 225;
      --color-input-primary: 255 255 255;
      --color-input-secondary: 135 135 135;
}
[color-scheme="scheme-77e4ef58-56a9-4631-876a-12098ba7d57d"] {
      --color-background: 34 34 34;
      --color-background2: 255 255 255;
      --color-foreground: 255 255 255;
      --color-foreground2: 135 135 135;
      --color-accent: 86 207 225;
      --color-secondary: 191 191 191;
      --color-tertiary: 128 128 128;
      --hdt-btn-color: 34 34 34;
      --hdt-btn-bg: 255 255 255;
      --hdt-btn-border-color: 255 255 255;
      --hdt-btn-hover-color: 34 34 34;
      --hdt-btn-hover-bg: 255 255 255;
      --hdt-btn-hover-border-color: 255 255 255;
      --hdt-btn-secondary-color: 76 76 76;
      --hdt-btn-secondary-bg: 191 191 191;
      --hdt-btn-tertiary-color: 51 51 51;
      --hdt-btn-tertiary-bg: 128 128 128;
      --hdt-btn-outline-color: 255 255 255;
      --hdt-btn-outline-border-color: 255 255 255;
      --hdt-link-color: 255 255 255;
      --hdt-link-hover-color: 86 207 225;
      --color-line-border: 68 68 68;
      --color-overlay: 0 0 0;
      --color-pr-price: 153 153 153;
      --color-pr-sale-price: 235 0 27;
      --color-pr-text: 255 255 255;
      --color-pr-rating: 86 207 225;
      --color-input-primary: 255 255 255;
      --color-input-secondary: 104 104 104;
}
[color-scheme="scheme-e0b73555-c767-4eda-aa6d-4e44e10aefce"] {
      --color-background: 255 255 255;
      --color-background2: 245 245 245;
      --color-foreground: 34 34 34;
      --color-foreground2: 135 135 135;
      --color-accent: 34 34 34;
      --color-secondary: 98 98 98;
      --color-tertiary: 162 162 162;
      --hdt-btn-color: 255 255 255;
      --hdt-btn-bg: 86 207 225;
      --hdt-btn-border-color: 86 207 225;
      --hdt-btn-hover-color: 255 255 255;
      --hdt-btn-hover-bg: 116 216 230;
      --hdt-btn-hover-border-color: 116 216 230;
      --hdt-btn-secondary-color: 224 224 224;
      --hdt-btn-secondary-bg: 98 98 98;
      --hdt-btn-tertiary-color: 236 236 236;
      --hdt-btn-tertiary-bg: 162 162 162;
      --hdt-btn-outline-color: 34 34 34;
      --hdt-btn-outline-border-color: 34 34 34;
      --hdt-link-color: 34 34 34;
      --hdt-link-hover-color: 34 34 34;
      --color-line-border: 238 238 238;
      --color-overlay: 0 0 0;
      --color-pr-price: 134 134 134;
      --color-pr-sale-price: 235 0 27;
      --color-pr-text: 0 0 0;
      --color-pr-rating: 34 34 34;
      --color-input-primary: 255 255 255;
      --color-input-secondary: 104 104 104;
}
[color-scheme="scheme-23cf8966-8e57-4acd-9bb3-bb85f222fbb9"] {
      --color-background: 255 255 255;
      --color-background2: 242 242 242;
      --color-foreground: 34 34 34;
      --color-foreground2: 135 135 135;
      --color-accent: 86 207 225;
      --color-secondary: 98 98 98;
      --color-tertiary: 162 162 162;
      --hdt-btn-color: 34 34 34;
      --hdt-btn-bg: 255 255 255;
      --hdt-btn-border-color: 153 153 153;
      --hdt-btn-hover-color: 34 34 34;
      --hdt-btn-hover-bg: 255 255 255;
      --hdt-btn-hover-border-color: 171 171 171;
      --hdt-btn-secondary-color: 224 224 224;
      --hdt-btn-secondary-bg: 98 98 98;
      --hdt-btn-tertiary-color: 236 236 236;
      --hdt-btn-tertiary-bg: 162 162 162;
      --hdt-btn-outline-color: 34 34 34;
      --hdt-btn-outline-border-color: 34 34 34;
      --hdt-link-color: 34 34 34;
      --hdt-link-hover-color: 86 207 225;
      --color-line-border: 221 221 221;
      --color-overlay: 0 0 0;
      --color-pr-price: 105 105 105;
      --color-pr-sale-price: 236 1 1;
      --color-pr-text: 34 34 34;
      --color-pr-rating: 86 207 225;
      --color-input-primary: 255 255 255;
      --color-input-secondary: 104 104 104;
}
[color-scheme="scheme-fe88a2ec-47a1-478d-8953-54da0178e18c"] {
      --color-background: 56 56 56;
      --color-background2: 242 242 242;
      --color-foreground: 255 255 255;
      --color-foreground2: 135 135 135;
      --color-accent: 86 207 225;
      --color-secondary: 191 191 191;
      --color-tertiary: 128 128 128;
      --hdt-btn-color: 34 34 34;
      --hdt-btn-bg: 255 255 255;
      --hdt-btn-border-color: 255 255 255;
      --hdt-btn-hover-color: 34 34 34;
      --hdt-btn-hover-bg: 255 255 255;
      --hdt-btn-hover-border-color: 255 255 255;
      --hdt-btn-secondary-color: 76 76 76;
      --hdt-btn-secondary-bg: 191 191 191;
      --hdt-btn-tertiary-color: 51 51 51;
      --hdt-btn-tertiary-bg: 128 128 128;
      --hdt-btn-outline-color: 56 56 56;
      --hdt-btn-outline-border-color: 56 56 56;
      --hdt-link-color: 56 56 56;
      --hdt-link-hover-color: 86 207 225;
      --color-line-border: 230 230 230;
      --color-overlay: 0 0 0;
      --color-pr-price: 105 105 105;
      --color-pr-sale-price: 236 1 1;
      --color-pr-text: 255 255 255;
      --color-pr-rating: 86 207 225;
      --color-input-primary: 255 255 255;
      --color-input-secondary: 104 104 104;
}
[color-scheme="scheme-6707cc8e-6558-49d9-8759-f7d934d9fe4f"] {
      --color-background: 233 30 99;
      --color-background2: 242 242 242;
      --color-foreground: 255 255 255;
      --color-foreground2: 255 255 255;
      --color-accent: 86 207 225;
      --color-secondary: 191 191 191;
      --color-tertiary: 128 128 128;
      --hdt-btn-color: 34 34 34;
      --hdt-btn-bg: 255 255 255;
      --hdt-btn-border-color: 255 255 255;
      --hdt-btn-hover-color: 34 34 34;
      --hdt-btn-hover-bg: 255 255 255;
      --hdt-btn-hover-border-color: 255 255 255;
      --hdt-btn-secondary-color: 76 76 76;
      --hdt-btn-secondary-bg: 191 191 191;
      --hdt-btn-tertiary-color: 51 51 51;
      --hdt-btn-tertiary-bg: 128 128 128;
      --hdt-btn-outline-color: 255 255 255;
      --hdt-btn-outline-border-color: 255 255 255;
      --hdt-link-color: 255 255 255;
      --hdt-link-hover-color: 86 207 225;
      --color-line-border: 221 221 221;
      --color-overlay: 0 0 0;
      --color-pr-price: 105 105 105;
      --color-pr-sale-price: 236 1 1;
      --color-pr-text: 34 34 34;
      --color-pr-rating: 86 207 225;
      --color-input-primary: 255 255 255;
      --color-input-secondary: 104 104 104;
}
[color-scheme="scheme-c9476b69-abc7-454f-a946-2d5a9f5f3a37"] {
      --color-background: 246 246 248;
      --color-background2: 242 242 242;
      --color-foreground: 34 34 34;
      --color-foreground2: 135 135 135;
      --color-accent: 86 207 225;
      --color-secondary: 98 98 98;
      --color-tertiary: 162 162 162;
      --hdt-btn-color: 255 255 255;
      --hdt-btn-bg: 34 34 34;
      --hdt-btn-border-color: 34 34 34;
      --hdt-btn-hover-color: 255 255 255;
      --hdt-btn-hover-bg: 52 52 52;
      --hdt-btn-hover-border-color: 52 52 52;
      --hdt-btn-secondary-color: 224 224 224;
      --hdt-btn-secondary-bg: 98 98 98;
      --hdt-btn-tertiary-color: 236 236 236;
      --hdt-btn-tertiary-bg: 162 162 162;
      --hdt-btn-outline-color: 34 34 34;
      --hdt-btn-outline-border-color: 34 34 34;
      --hdt-link-color: 34 34 34;
      --hdt-link-hover-color: 86 207 225;
      --color-line-border: 230 230 230;
      --color-overlay: 0 0 0;
      --color-pr-price: 105 105 105;
      --color-pr-sale-price: 236 1 1;
      --color-pr-text: 34 34 34;
      --color-pr-rating: 86 207 225;
      --color-input-primary: 255 255 255;
      --color-input-secondary: 104 104 104;
}