/* ============================================================
   PerfectBody LipoHP — Typography tokens

   HEADING RULE (canonical):
   - H1            → Minerva Modern   (high-contrast serif — the lead display)
   - H2 + body / P → Montserrat       (the workhorse sans)

   Supporting families:
   - Cormorant Garamond → editorial serif for pull-quotes & italics
   - Jost               → geometric sans for UI chrome (nav, tabs, labels)
   ============================================================ */

:root {
  /* ---- Families ---- */
  --pb-font-display: 'Cormorant Garamond', 'Minerva Modern', Georgia, serif;
  --pb-font-minerva: 'Minerva Modern', 'Cormorant Garamond', Georgia, serif;
  --pb-font-sans:    'Jost', system-ui, sans-serif;       /* UI / section base */
  --pb-font-body:    'Montserrat', system-ui, sans-serif; /* long-form copy & data */

  /* ---- Semantic heading fonts (the canonical rule) ---- */
  --pb-font-h1:      'Minerva Modern', 'Cormorant Garamond', Georgia, serif; /* H1 */
  --pb-font-h2:      'Montserrat', system-ui, sans-serif;                    /* H2 */
  --pb-font-p:       'Montserrat', system-ui, sans-serif;                    /* body / P */

  /* ---- Weights ---- */
  --pb-w-light:    300; /* @kind font */
  --pb-w-regular:  400; /* @kind font */
  --pb-w-medium:   500; /* @kind font */
  --pb-w-semibold: 600; /* @kind font */
  --pb-w-bold:     700; /* @kind font */

  /* ---- Display sizes (serif, uppercase headlines) ---- */
  --pb-text-display:  clamp(2.4rem, 5vw, 5.2rem);   /* hero / investment H2 */
  --pb-text-h1:       clamp(2rem, 4.3vw, 3.9rem);
  --pb-text-h2:       clamp(2.2rem, 4vw, 3.65rem);
  --pb-text-h3:       clamp(1.65rem, 2.6vw, 2.55rem);
  --pb-text-h4:       1.55rem;

  /* ---- Body / UI sizes ---- */
  --pb-text-lead:     clamp(1rem, 1.6vw, 1.2rem);  /* intro paragraphs */
  --pb-text-base:     1rem;
  --pb-text-sm:       0.95rem;
  --pb-text-xs:       0.84rem;
  --pb-text-eyebrow:  0.78rem;  /* eyebrows / overlines */

  /* ---- Line heights ---- */
  --pb-leading-tight:  1.05;
  --pb-leading-snug:   1.2;
  --pb-leading-normal: 1.5;
  --pb-leading-body:   1.7;
  --pb-leading-loose:  1.75;

  /* ---- Letter spacing ---- *
     The brand leans on wide tracking for uppercase serif & eyebrows. */
  --pb-tracking-display:  0.045em;  /* uppercase serif headlines */
  --pb-tracking-wide:     0.08em;   /* nav, buttons */
  --pb-tracking-eyebrow:  0.16em;   /* overlines */
  --pb-tracking-wider:    0.28em;   /* day-date overlines */
  --pb-tracking-body:     0.005em;
}