/* GENERATED from the Trade theme's settings (config/settings_data.json,
 * theme 190891032939) by scratchpad/gen-tokens.mjs — a static rendering of
 * theme.liquid's {% style %} block so the Express storefront shares the exact
 * design tokens. Regenerate after changing theme settings in Shopify. */
:root,
.color-scheme-1 {
  --color-background: 244,244,244;
  --gradient-background: #f4f4f4;
  --color-foreground: 43,44,45;
  --color-background-contrast: 180,180,180;
  --color-shadow: 0,17,40;
  --color-button: 183,172,162;
  --color-button-text: 38,38,38;
  --color-secondary-button: 244,244,244;
  --color-secondary-button-text: 0,17,40;
  --color-link: 0,17,40;
  --color-badge-foreground: 43,44,45;
  --color-badge-background: 244,244,244;
  --color-badge-border: 43,44,45;
  --payment-terms-background-color: rgb(244,244,244);
}
.color-scheme-2 {
  --color-background: 255,255,255;
  --gradient-background: #ffffff;
  --color-foreground: 38,38,38;
  --color-background-contrast: 191,191,191;
  --color-shadow: 0,17,40;
  --color-button: 121,112,104;
  --color-button-text: 255,255,255;
  --color-secondary-button: 255,255,255;
  --color-secondary-button-text: 121,117,114;
  --color-link: 121,117,114;
  --color-badge-foreground: 38,38,38;
  --color-badge-background: 255,255,255;
  --color-badge-border: 38,38,38;
  --payment-terms-background-color: rgb(255,255,255);
}
.color-scheme-3 {
  --color-background: 194,183,172;
  --gradient-background: #c2b7ac;
  --color-foreground: 38,38,38;
  --color-background-contrast: 137,119,101;
  --color-shadow: 0,17,40;
  --color-button: 253,253,253;
  --color-button-text: 38,38,38;
  --color-secondary-button: 194,183,172;
  --color-secondary-button-text: 84,72,60;
  --color-link: 84,72,60;
  --color-badge-foreground: 38,38,38;
  --color-badge-background: 194,183,172;
  --color-badge-border: 38,38,38;
  --payment-terms-background-color: rgb(194,183,172);
}
.color-scheme-4 {
  --color-background: 28,34,40;
  --gradient-background: #1c2228;
  --color-foreground: 255,255,255;
  --color-background-contrast: 39,47,55;
  --color-shadow: 0,17,40;
  --color-button: 255,255,255;
  --color-button-text: 0,17,40;
  --color-secondary-button: 28,34,40;
  --color-secondary-button-text: 255,255,255;
  --color-link: 255,255,255;
  --color-badge-foreground: 255,255,255;
  --color-badge-background: 28,34,40;
  --color-badge-border: 255,255,255;
  --payment-terms-background-color: rgb(28,34,40);
}
.color-scheme-5 {
  --color-background: 50,56,65;
  --gradient-background: #323841;
  --color-foreground: 255,255,255;
  --color-background-contrast: 61,68,79;
  --color-shadow: 0,17,40;
  --color-button: 183,172,162;
  --color-button-text: 38,38,38;
  --color-secondary-button: 50,56,65;
  --color-secondary-button-text: 255,255,255;
  --color-link: 255,255,255;
  --color-badge-foreground: 255,255,255;
  --color-badge-background: 50,56,65;
  --color-badge-border: 255,255,255;
  --payment-terms-background-color: rgb(50,56,65);
}
body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5 {
  color: rgba(var(--color-foreground), 0.75);
  background-color: rgb(var(--color-background));
}
:root {
  --font-body-family: Jost, sans-serif;
  --font-body-style: normal;
  --font-body-weight: 400;
  --font-body-weight-bold: 700;
  --font-heading-family: 'DM Sans', sans-serif;
  --font-heading-style: normal;
  --font-heading-weight: 500;
  --font-body-scale: 1;
  --font-heading-scale: 1.05;
  --media-padding: px;
  --media-border-opacity: 0.05;
  --media-border-width: 1px;
  --media-radius: 8px;
  --media-shadow-opacity: 0;
  --media-shadow-horizontal-offset: 0px;
  --media-shadow-vertical-offset: 4px;
  --media-shadow-blur-radius: 5px;
  --media-shadow-visible: 0;
  --page-width: 120rem;
  --page-width-margin: 0rem;
  --product-card-image-padding: 1.2rem;
  --product-card-corner-radius: 0.8rem;
  --product-card-text-alignment: left;
  --product-card-border-width: 0rem;
  --product-card-border-opacity: 0.1;
  --product-card-shadow-opacity: 0;
  --product-card-shadow-visible: 0;
  --product-card-shadow-horizontal-offset: 0rem;
  --product-card-shadow-vertical-offset: 0.4rem;
  --product-card-shadow-blur-radius: 0.5rem;
  --collection-card-image-padding: 0rem;
  --collection-card-corner-radius: 0.8rem;
  --collection-card-text-alignment: left;
  --collection-card-border-width: 0rem;
  --collection-card-border-opacity: 0.1;
  --collection-card-shadow-opacity: 0;
  --collection-card-shadow-visible: 0;
  --collection-card-shadow-horizontal-offset: 0rem;
  --collection-card-shadow-vertical-offset: 0.4rem;
  --collection-card-shadow-blur-radius: 0.5rem;
  --blog-card-image-padding: 0rem;
  --blog-card-corner-radius: 0.8rem;
  --blog-card-text-alignment: left;
  --blog-card-border-width: 0rem;
  --blog-card-border-opacity: 0.1;
  --blog-card-shadow-opacity: 0;
  --blog-card-shadow-visible: 0;
  --blog-card-shadow-horizontal-offset: 0rem;
  --blog-card-shadow-vertical-offset: 0.4rem;
  --blog-card-shadow-blur-radius: 0.5rem;
  --badge-corner-radius: 4rem;
  --popup-border-width: 1px;
  --popup-border-opacity: 0.1;
  --popup-corner-radius: 8px;
  --popup-shadow-opacity: 0.05;
  --popup-shadow-horizontal-offset: 0px;
  --popup-shadow-vertical-offset: 4px;
  --popup-shadow-blur-radius: 5px;
  --drawer-border-width: 1px;
  --drawer-border-opacity: 0.1;
  --drawer-shadow-opacity: 0;
  --drawer-shadow-horizontal-offset: 0px;
  --drawer-shadow-vertical-offset: 4px;
  --drawer-shadow-blur-radius: 5px;
  --spacing-sections-desktop: 0px;
  --spacing-sections-mobile: 0px;
  --grid-desktop-vertical-spacing: 12px;
  --grid-desktop-horizontal-spacing: 12px;
  --grid-mobile-vertical-spacing: 6px;
  --grid-mobile-horizontal-spacing: 6px;
  --text-boxes-border-opacity: 0.1;
  --text-boxes-border-width: 0px;
  --text-boxes-radius: 8px;
  --text-boxes-shadow-opacity: 0;
  --text-boxes-shadow-visible: 0;
  --text-boxes-shadow-horizontal-offset: 0px;
  --text-boxes-shadow-vertical-offset: 4px;
  --text-boxes-shadow-blur-radius: 5px;
  --buttons-radius: 6px;
  --buttons-radius-outset: 7px;
  --buttons-border-width: 1px;
  --buttons-border-opacity: 1;
  --buttons-shadow-opacity: 0;
  --buttons-shadow-visible: 0;
  --buttons-shadow-horizontal-offset: 0px;
  --buttons-shadow-vertical-offset: 4px;
  --buttons-shadow-blur-radius: 5px;
  --buttons-border-offset: 0.3px;
  --inputs-radius: 6px;
  --inputs-border-width: 1px;
  --inputs-border-opacity: 0.55;
  --inputs-shadow-opacity: 0;
  --inputs-shadow-horizontal-offset: 0px;
  --inputs-margin-offset: 0px;
  --inputs-shadow-vertical-offset: 4px;
  --inputs-shadow-blur-radius: 5px;
  --inputs-radius-outset: 7px;
  --variant-pills-radius: 40px;
  --variant-pills-border-width: 1px;
  --variant-pills-border-opacity: 0.55;
  --variant-pills-shadow-opacity: 0;
  --variant-pills-shadow-horizontal-offset: 0px;
  --variant-pills-shadow-vertical-offset: 4px;
  --variant-pills-shadow-blur-radius: 5px;
}
*, *::before, *::after { box-sizing: inherit; }
html { box-sizing: border-box; font-size: calc(var(--font-body-scale) * 62.5%); height: 100%; }
body {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  margin: 0;
  font-size: 1.5rem;
  letter-spacing: 0.06rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
}
@media screen and (min-width: 750px) { body { font-size: 1.6rem; } }