/* Labees preview — static design tokens.
   Replaces Minimog's Liquid-generated color-scheme + settings variables.
   Neutral editorial palette matching the boutique/"NEW CHAPTER" demo.
   Colors are stored as "r,g,b" triplets because main.css wraps them in rgb(var(--…)). */
:root {
  /* palette (r,g,b triplets) */
  --color-background: 255,255,255;
  --color-background-secondary: 245,244,242;
  --color-foreground: 34,34,34;
  --color-forceground: 34,34,34;            /* main.css has this misspelling too */
  --color-foreground-secondary: 119,119,119;
  --color-heading: 17,17,17;
  --color-border: 230,228,224;

  --color-button: 17,17,17;
  --color-button-text: 255,255,255;
  --color-button-hover: 60,60,60;
  --color-button-text-hover: 255,255,255;
  --color-outline-button: 17,17,17;

  --color-price-regular: 34,34,34;
  --color-price-sale: 176,122,90;

  --color-form-field: 255,255,255;
  --color-form-field-text: 34,34,34;

  --color-tooltip: 17,17,17;
  --color-tooltip-text: 255,255,255;

  --color-cart-wishlist-count: #b07a5a;
  --color-image-overlay: rgba(0,0,0,.06);
  --color-progress-bar: 17,17,17;

  --color-success: 70,150,90;
  --color-success-bg: 235,245,238;
  --color-error: 200,70,70;
  --color-error-bg: 250,235,235;
  --color-warning: 200,150,60;
  --color-warning-bg: 250,245,232;

  /* typography */
  --font-stack-body: 'Jost','Roboto Condensed','Helvetica Neue',Arial,sans-serif;
  --font-stack-heading: 'Jost','Roboto Condensed','Helvetica Neue',Arial,sans-serif;
  --font-weight-body: 400;
  --font-base-size: 16px;
  --font-btn-size: 13px;
  --font-btn-weight: 500;

  /* buttons */
  --btn-border-radius: 0px;
  --btn-border-width: 1px;
  --btn-letter-spacing: .04em;
  --btn-line-height: 1.2;
  --btn-text-transform: uppercase;
  --btn-link-border: 1px;

  /* layout */
  --aspect-ratio: 1.5;          /* fallback so .m-hero__bg / image aspect calcs don't explode */
  --container-width: 1300px;
  --page-padding: 20px;
  --spacing-sections-desktop: 90px;
  --spacing-sections-laptop: 80px;
  --spacing-sections-tablet: 60px;
  --spacing-sections-mobile: 44px;
}

/* Load a close web-font substitute for the demo's Jost. */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap');

body { font-family: var(--font-stack-body); color: rgb(var(--color-foreground)); background: rgb(var(--color-background)); }
h1,h2,h3,h4,h5,h6 { font-family: var(--font-stack-heading); color: rgb(var(--color-heading)); }