:root,
.color-stock {
  --color-background: 245,235,225;
  --gradient-background: #F5EBE1;
  --color-foreground: 59,43,34;
  --color-background-contrast: 213,171,129;
  --color-shadow: 59,43,34;
  --color-button: 176,130,74;
  --color-button-text: 253,250,247;
  --color-secondary-button: 245,235,225;
  --color-secondary-button-text: 59,43,34;
  --color-link: 59,43,34;
  --color-badge-foreground: 59,43,34;
  --color-badge-background: 245,235,225;
  --color-badge-border: 59,43,34;
  --payment-terms-background-color: rgb(245,235,225);
}

.color-white {
  --color-background: 253,250,247;
  --gradient-background: #FDFAF7;
  --color-foreground: 59,43,34;
  --color-background-contrast: 228,186,145;
  --color-shadow: 59,43,34;
  --color-button: 176,130,74;
  --color-button-text: 253,250,247;
  --color-secondary-button: 253,250,247;
  --color-secondary-button-text: 59,43,34;
  --color-link: 59,43,34;
  --color-badge-foreground: 59,43,34;
  --color-badge-background: 253,250,247;
  --color-badge-border: 59,43,34;
  --payment-terms-background-color: rgb(253,250,247);
}

.color-blush {
  --color-background: 235,215,199;
  --gradient-background: #EBD7C7;
  --color-foreground: 59,43,34;
  --color-background-contrast: 201,148,105;
  --color-shadow: 59,43,34;
  --color-button: 176,130,74;
  --color-button-text: 253,250,247;
  --color-secondary-button: 235,215,199;
  --color-secondary-button-text: 59,43,34;
  --color-link: 59,43,34;
  --color-badge-foreground: 59,43,34;
  --color-badge-background: 235,215,199;
  --color-badge-border: 59,43,34;
  --payment-terms-background-color: rgb(235,215,199);
}

.color-ink {
  --color-background: 42,30,24;
  --gradient-background: #2A1E18;
  --color-foreground: 245,235,225;
  --color-background-contrast: 58,42,33;
  --color-shadow: 59,43,34;
  --color-button: 201,161,106;
  --color-button-text: 42,30,24;
  --color-secondary-button: 42,30,24;
  --color-secondary-button-text: 245,235,225;
  --color-link: 245,235,225;
  --color-badge-foreground: 245,235,225;
  --color-badge-background: 42,30,24;
  --color-badge-border: 245,235,225;
  --payment-terms-background-color: rgb(42,30,24);
}

.color-gold {
  --color-background: 176,130,74;
  --gradient-background: #B0824A;
  --color-foreground: 253,250,247;
  --color-background-contrast: 86,64,36;
  --color-shadow: 59,43,34;
  --color-button: 253,250,247;
  --color-button-text: 176,130,74;
  --color-secondary-button: 176,130,74;
  --color-secondary-button-text: 253,250,247;
  --color-link: 253,250,247;
  --color-badge-foreground: 253,250,247;
  --color-badge-background: 176,130,74;
  --color-badge-border: 253,250,247;
  --payment-terms-background-color: rgb(176,130,74);
}

body,
.color-stock,
.color-white,
.color-blush,
.color-ink,
.color-gold {
  color: rgba(var(--color-foreground), 0.75);
  background-color: rgb(var(--color-background));
}

:root {
  --font-body-family: 'Jost', ui-sans-serif, 'Helvetica Neue', sans-serif;
  --font-body-style: normal;
  --font-body-weight: 300;
  --font-body-weight-bold: 500;
  --font-heading-family: 'Prata', 'Didot', 'Times New Roman', serif;
  --font-heading-style: normal;
  --font-heading-weight: 400;
  --font-body-scale: 1.05;
  --font-heading-scale: 1.1429;
  --media-padding: 0px;
  --media-border-opacity: 1.0;
  --media-border-width: 0px;
  --media-radius: 0px;
  --media-shadow-opacity: 0.0;
  --media-shadow-horizontal-offset: 0px;
  --media-shadow-vertical-offset: 4px;
  --media-shadow-blur-radius: 0px;
  --media-shadow-visible: 0;
  --page-width: 160.0rem;
  --page-width-margin: 2rem;
  --product-card-image-padding: 0.0rem;
  --product-card-corner-radius: 0.0rem;
  --product-card-text-alignment: center;
  --product-card-border-width: 0.0rem;
  --product-card-border-opacity: 1.0;
  --product-card-shadow-opacity: 0.0;
  --product-card-shadow-visible: 0;
  --product-card-shadow-horizontal-offset: 0.0rem;
  --product-card-shadow-vertical-offset: 0.4rem;
  --product-card-shadow-blur-radius: 0.0rem;
  --collection-card-image-padding: 0.0rem;
  --collection-card-corner-radius: 0.0rem;
  --collection-card-text-alignment: center;
  --collection-card-border-width: 0.1rem;
  --collection-card-border-opacity: 1.0;
  --collection-card-shadow-opacity: 0.0;
  --collection-card-shadow-visible: 0;
  --collection-card-shadow-horizontal-offset: 0.0rem;
  --collection-card-shadow-vertical-offset: 0.4rem;
  --collection-card-shadow-blur-radius: 0.0rem;
  --blog-card-image-padding: 0.0rem;
  --blog-card-corner-radius: 0.0rem;
  --blog-card-text-alignment: center;
  --blog-card-border-width: 0.1rem;
  --blog-card-border-opacity: 1.0;
  --blog-card-shadow-opacity: 0.0;
  --blog-card-shadow-visible: 0;
  --blog-card-shadow-horizontal-offset: 0.0rem;
  --blog-card-shadow-vertical-offset: 0.4rem;
  --blog-card-shadow-blur-radius: 0.0rem;
  --badge-corner-radius: 0.0rem;
  --popup-border-width: 1px;
  --popup-border-opacity: 1.0;
  --popup-corner-radius: 0px;
  --popup-shadow-opacity: 0.0;
  --popup-shadow-horizontal-offset: 0px;
  --popup-shadow-vertical-offset: 4px;
  --popup-shadow-blur-radius: 0px;
  --drawer-border-width: 1px;
  --drawer-border-opacity: 1.0;
  --drawer-shadow-opacity: 0.0;
  --drawer-shadow-horizontal-offset: 0px;
  --drawer-shadow-vertical-offset: 4px;
  --drawer-shadow-blur-radius: 0px;
  --spacing-sections-desktop: 0px;
  --spacing-sections-mobile: 0px;
  --grid-desktop-vertical-spacing: 20px;
  --grid-desktop-horizontal-spacing: 4px;
  --grid-mobile-vertical-spacing: 10px;
  --grid-mobile-horizontal-spacing: 2px;
  --text-boxes-border-opacity: 1.0;
  --text-boxes-border-width: 0px;
  --text-boxes-radius: 0px;
  --text-boxes-shadow-opacity: 0.0;
  --text-boxes-shadow-visible: 0;
  --text-boxes-shadow-horizontal-offset: 0px;
  --text-boxes-shadow-vertical-offset: 0px;
  --text-boxes-shadow-blur-radius: 0px;
  --buttons-radius: 0px;
  --buttons-radius-outset: 0px;
  --buttons-border-width: 1px;
  --buttons-border-opacity: 1.0;
  --buttons-border-offset: 0px;
  --buttons-shadow-opacity: 0.0;
  --buttons-shadow-visible: 0;
  --buttons-shadow-horizontal-offset: 0px;
  --buttons-shadow-vertical-offset: 4px;
  --buttons-shadow-blur-radius: 0px;
  --inputs-radius: 0px;
  --inputs-border-width: 1px;
  --inputs-border-opacity: 1.0;
  --inputs-shadow-opacity: 0.0;
  --inputs-shadow-horizontal-offset: 0px;
  --inputs-margin-offset: 0px;
  --inputs-shadow-vertical-offset: 4px;
  --inputs-shadow-blur-radius: 0px;
  --inputs-radius-outset: 0px;
  --variant-pills-radius: 0px;
  --variant-pills-border-width: 1px;
  --variant-pills-border-opacity: 1.0;
  --variant-pills-shadow-opacity: 0.0;
  --variant-pills-shadow-horizontal-offset: 0px;
  --variant-pills-shadow-vertical-offset: 4px;
  --variant-pills-shadow-blur-radius: 0px;
  --y-stock: #F5EBE1;
  --y-blush: #EBD7C7;
  --y-sand: #DCC0AB;
  --y-gold: #B0824A;
  --y-gold-lt: #C9A16A;
  --y-ink: #3B2B22;
  --y-deep: #2A1E18;
  --y-white: #FDFAF7;
  --y-rule: rgba(59, 43, 34, 0.14);
  --y-rule-ink: rgba(245, 235, 225, 0.16);
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  font-size: calc(var(--font-body-scale) * 62.5%);
  height: 100%;
}

body {
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  grid-template-columns: 100%;
  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);
}