/* Type scale — sizes, line-heights and tracking transcribed from the source.
   The scale is NOT modular: it is a set of hand-tuned optical sizes, several of
   them fractional (41.6, 42.1, 50.8, 13.8, 13.9, 11.6). Those fractions are the
   design; do not round them. Every role is Inter unless stated. */
:root{
  /* Display — hero and section-opening statements. Tight, negative tracking. */
  --text-display-lg-size:72px;
  --text-display-lg-line:72px;
  --text-display-lg-track:-2.16px;
  --text-display-lg-weight:500;

  --text-display-md-size:60px;
  --text-display-md-line:62px;
  --text-display-md-track:-1.92px;
  --text-display-md-weight:500;

  --text-display-sm-size:50.8px;
  --text-display-sm-line:54px;
  --text-display-sm-track:-2.16px;
  --text-display-sm-weight:500;

  /* Heading — section titles (h2). The workhorse marketing size. */
  --text-heading-lg-size:42.1px;
  --text-heading-lg-line:48.4px;
  --text-heading-lg-track:-1.76px;
  --text-heading-lg-weight:500;

  --text-heading-md-size:32px;
  --text-heading-md-line:38.4px;
  --text-heading-md-track:-1.28px;
  --text-heading-md-weight:500;

  --text-heading-sm-size:28px;
  --text-heading-sm-line:33.6px;
  --text-heading-sm-track:-0.98px;
  --text-heading-sm-weight:500;

  /* Title — card and panel headings (h3). */
  --text-title-lg-size:24px;
  --text-title-lg-line:28.8px;
  --text-title-lg-track:-0.72px;
  --text-title-lg-weight:500;

  --text-title-md-size:17.4px;
  --text-title-md-line:24.3px;
  --text-title-md-track:-0.2px;
  --text-title-md-weight:500;

  /* Body */
  --text-body-lg-size:17.7px;
  --text-body-lg-line:25px;
  --text-body-lg-track:-0.3px;
  --text-body-lg-weight:500;

  --text-body-md-size:15px;
  --text-body-md-line:21px;
  --text-body-md-track:-0.15px;
  --text-body-md-weight:400;

  --text-body-sm-size:14px;
  --text-body-sm-line:19.6px;
  --text-body-sm-track:-0.14px;
  --text-body-sm-weight:400;

  /* Label — interactive text. Always 600, always near-14px, always tight. */
  --text-label-lg-size:14px;
  --text-label-lg-line:14px;
  --text-label-lg-track:-0.2px;
  --text-label-lg-weight:500;

  --text-label-md-size:13.8px;
  --text-label-md-line:14px;
  --text-label-md-track:-0.28px;
  --text-label-md-weight:600;

  --text-label-sm-size:13px;
  --text-label-sm-line:14px;
  --text-label-sm-track:-0.13px;
  --text-label-sm-weight:500;

  /* Nav bar sign-up sits on its own: same size, much tighter tracking. */
  --text-label-nav-size:13.9px;
  --text-label-nav-line:14px;
  --text-label-nav-track:-0.56px;
  --text-label-nav-weight:600;

  /* Caption and below — form labels, footnotes, meta rows. */
  --text-caption-size:12px;
  --text-caption-line:14.4px;
  --text-caption-track:0px;
  --text-caption-weight:400;

  --text-caption-strong-size:12px;
  --text-caption-strong-line:15.6px;
  --text-caption-strong-track:-0.1px;
  --text-caption-strong-weight:500;

  --text-micro-size:11.6px;
  --text-micro-line:15px;
  --text-micro-track:0px;
  --text-micro-weight:500;

  --text-nano-size:9px;
  --text-nano-line:10.8px;
  --text-nano-track:0.21px;
  --text-nano-weight:500;

  /* Badge text — 7px Inter Bold. Used only inside the 13px-tall pill. */
  --text-badge-size:7px;
  --text-badge-line:7px;
  --text-badge-track:0.21px;
  --text-badge-weight:700;

  /* Weights */
  --weight-light:300;
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;
  --weight-extrabold:800;
}