:root {
  /* ---- Weights: display stays 400/500. 600 exists only for legal surfaces. ---- */
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-legal: 600;
  --weight-pricing: 475;   /* Inter Display custom mid-weight */
  --weight-pricing-strong: 575;

  /* ---- Editorial system (Haas / Haas Groot Disp) ---- */
  --display-xl-size: 48px;
  --display-xl-weight: 500;
  --display-xl-leading: 1.1;
  --display-xl-tracking: 0;

  --display-lg-size: 40px;
  --display-lg-weight: 400;
  --display-lg-leading: 1.2;
  --display-lg-tracking: 0;

  --display-md-size: 32px;
  --display-md-weight: 400;
  --display-md-leading: 1.2;
  --display-md-tracking: 0;

  --title-lg-size: 24px;
  --title-lg-weight: 400;
  --title-lg-leading: 1.35;
  --title-lg-tracking: 0.12px;

  --title-md-size: 20px;
  --title-md-weight: 400;
  --title-md-leading: 1.5;
  --title-md-tracking: 0;

  --title-sm-size: 18px;
  --title-sm-weight: 500;
  --title-sm-leading: 1.4;
  --title-sm-tracking: 0;

  --label-md-size: 16px;
  --label-md-weight: 500;
  --label-md-leading: 1.4;
  --label-md-tracking: 0;

  --button-size: 16px;
  --button-weight: 500;
  --button-leading: 1.4;
  --button-tracking: 0;

  --body-md-size: 14px;
  --body-md-weight: 400;
  --body-md-leading: 1.25;
  --body-md-tracking: 0;

  --caption-size: 14px;
  --caption-weight: 500;
  --caption-leading: 1.35;
  --caption-tracking: 0.16px;

  --legal-size: 13.12px;
  --legal-weight: 600;
  --legal-leading: 1.2;
  --legal-tracking: 0;

  /* ---- Pricing sub-system (Inter Display) ---- */
  --pricing-display-size: 44.8px;
  --pricing-display-weight: 475;
  --pricing-display-leading: 1.1;

  --pricing-section-size: 28px;
  --pricing-section-weight: 475;
  --pricing-section-leading: 1.2;

  --pricing-card-title-size: 20px;
  --pricing-card-title-weight: 475;
  --pricing-card-title-leading: 1.3;
}