/* Yoga of Spaces — type scale, lifted verbatim from the approved homepage.
   Serif (Cormorant Garamond) carries every idea. Sans (Helvetica) only ever
   whispers: eyebrows, captions, buttons, prices. */
:root{
  /* ── Sizes ─────────────────────────────────────────────── */
  --size-h1:clamp(30px,5.6vw,52px);        /* page-level headline on clove */
  --size-h1-hero:clamp(23px,4.4vw,40px);   /* hero statement, uppercase on green */
  --size-h2:clamp(26px,4.4vw,38px);        /* section headline */
  --size-h3:23px;                          /* subsection */
  --size-quote:clamp(22px,3.4vw,30px);     /* pull quote / quote band */
  --size-body:18px;
  --size-lede:20px;                        /* hero subline, italic */
  --size-product-name:21px;
  --size-product-copy:15.5px;
  --size-price-amount:17px;
  --size-price-meta:11.5px;
  --size-eyebrow:11px;
  --size-eyebrow-sm:10px;
  --size-caption:10.5px;
  --size-button:12px;
  --size-wordmark:18px;
  --size-wordmark-inline:15px;
  --size-footer-meta:11px;

  /* ── Weights ───────────────────────────────────────────── */
  --weight-body:400; /* @kind font */
  --weight-heading:500; /* @kind font */
  --weight-emphasis:600; /* @kind font */   /* price amounts, inline <strong> */
  --weight-mark:500; /* @kind font */       /* the य glyph */

  /* ── Line heights ──────────────────────────────────────── */
  --leading-h1:1.18; /* @kind font */
  --leading-h1-hero:1.3; /* @kind font */
  --leading-h2:1.24; /* @kind font */
  --leading-body:1.6; /* @kind font */
  --leading-quote:1.45; /* @kind font */
  --leading-product-copy:1.55; /* @kind font */
  --leading-tight:1.2; /* @kind font */
  --leading-mark:1; /* @kind font */

  /* ── Letterspacing — the sans is always tracked out ─────── */
  --track-eyebrow:.28em;
  --track-eyebrow-sm:.18em;
  --track-caption:.22em;
  --track-button:.18em;
  --track-hero-h1:.14em;
  --track-wordmark:.32em;
  --track-price:.08em;
  --track-footer-meta:.06em;
  --track-none:.02em;

  /* ── Semantic type roles ───────────────────────────────── */
  --type-heading-family:var(--font-display);
  --type-body-family:var(--font-body);
  --type-meta-family:var(--font-meta);
  --type-mark-family:var(--font-mark);
}