/* ===========================================================================
   TYPOGRAPHY SCALE
   Signature rule: weight 500 for EVERY display size, incl. the 72px hero.
   Display line-height 1.0; body 1.33–1.5. Only button labels track letters.
   =========================================================================== */
:root {
  --font-sans-stack: var(--font-sans);

  /* Display — all weight 500, line-height 1.0 (display-sm bumps to 1.17) */
  --type-display-xxl: 500 72px/1.0 var(--font-sans);   /* hero headline       */
  --type-display-xl:  500 56px/1.0 var(--font-sans);   /* landing section head */
  --type-display-lg:  500 44px/1.0 var(--font-sans);   /* shop sub-section     */
  --type-display-md:  500 32px/1.0 var(--font-sans);   /* promo, FAQ header    */
  --type-display-sm:  500 24px/1.17 var(--font-sans);  /* card / tier title    */
  --type-display-xs:  500 20px/1.0 var(--font-sans);   /* inline list / accord */

  /* Body */
  --type-body-lg:       400 18px/1.33 var(--font-sans);  /* lead paragraphs   */
  --type-body-md:       400 16px/1.38 var(--font-sans);  /* default body      */
  --type-body-emphasis: 500 16px/1.38 var(--font-sans);  /* run-in bold       */

  /* Caption */
  --type-caption-md:   400 14px/1.5 var(--font-sans);    /* specs, metadata   */
  --type-caption-bold: 700 14px/1.3 var(--font-sans);    /* sale tags         */
  --type-caption-sm:   400 12px/1.33 var(--font-sans);   /* footnotes, legal  */

  /* Special roles */
  --type-link-md:  500 16px/1.38 var(--font-sans);       /* inline link       */
  --type-price-md: 500 24px/1.17 var(--font-sans);       /* price stamp       */

  /* Button labels — the only tracked type. Apply text-transform:uppercase. */
  --type-button-md: 600 14px/1.4 var(--font-sans);
  --type-button-md-tracking: 0.7px;
  --type-button-sm: 700 12.6px/1.0 var(--font-sans);
  --type-button-sm-tracking: 0.126px;
}

/* Reasonable global default so bare specimen text picks up the family. */
:root {
  --text-default: var(--type-body-md);
}