/* ============================================================
   PerfectBody LipoHP — Spacing & layout tokens
   A generous, editorial rhythm. Section padding is large and
   breathes; content is centred in narrow measures.
   ============================================================ */

:root {
  /* ---- Spacing scale (rem) ---- */
  --pb-space-1:  0.35rem;
  --pb-space-2:  0.55rem;
  --pb-space-3:  0.85rem;
  --pb-space-4:  1.1rem;
  --pb-space-5:  1.65rem;
  --pb-space-6:  2.2rem;
  --pb-space-7:  2.6rem;
  --pb-space-8:  3.4rem;
  --pb-space-9:  4.6rem;
  --pb-space-10: 6.5rem;   /* vertical section padding */

  /* ---- Section rhythm ---- */
  --pb-section-y:    clamp(4.8rem, 9vh, 7rem); /* @kind spacing */
  --pb-section-x:    1.5rem;                    /* default gutter */
  --pb-gutter-wide:  clamp(1.5rem, 7.4vw, 8.5rem); /* @kind spacing */

  /* ---- Content measures ---- */
  --pb-measure-prose:  62ch;   /* letter / long copy */
  --pb-measure-intro:  760px;  /* centred intros */
  --pb-max-wide:       1360px; /* full content width */
  --pb-max-content:    1230px; /* agenda / standard content */
  --pb-max-narrow:     880px;  /* headings block */

  /* ---- Radii ---- *
     The brand is almost entirely sharp-cornered: rules, tables and
     cards have no rounding. The ONLY rounded element is the pill. */
  --pb-radius-none:  0;
  --pb-radius-pill:  999px;
  --pb-radius-full:  50%;

  /* ---- Hit target ---- */
  --pb-hit-min:  44px;
}