:root {
  /* ============ TYPE SCALE ============
     Inter; display = weight 500 with negative tracking; body = 400.
     Each tier ships size / line-height / weight / letter-spacing.
     Line-heights are unitless ratios — tagged @kind other so they
     aren't misread as spacing. */

  /* Display — weight 500, negative tracking (editorial density) */
  --display-xxl-size: 64px;  --display-xxl-lh: 1.1;  /* @kind other */   --display-xxl-ls: -1.92px;
  --display-xl-size:  48px;  --display-xl-lh:  1.1;  /* @kind other */   --display-xl-ls:  -1.44px;
  --display-lg-size:  36px;  --display-lg-lh:  1.15; /* @kind other */   --display-lg-ls:  -0.72px;
  --display-md-size:  28px;  --display-md-lh:  1.2;  /* @kind other */   --display-md-ls:  -0.42px;

  /* Headings — weight 500, neutral tracking */
  --heading-lg-size: 22px;  --heading-lg-lh: 1.2; /* @kind other */
  --heading-md-size: 18px;  --heading-md-lh: 1.4; /* @kind other */

  /* Body — weight 400 */
  --body-lg-size: 18px;  --body-lg-lh: 1.55; /* @kind other */
  --body-md-size: 16px;  --body-md-lh: 1.5;  /* @kind other */

  /* UI / micro */
  --button-md-size: 14px;  --button-md-lh: 1.0;  /* @kind other */
  --caption-size:   13px;  --caption-lh:   1.45; /* @kind other */
  --micro-size:     12px;  --micro-lh:     1.45; /* @kind other */
  --code-size:      14px;  --code-lh:      1.5;  /* @kind other */

  /* Weights */
  --weight-body: 400;
  --weight-display: 500;
  --weight-medium: 500;
  --weight-semibold: 600;
}