/* ============================================================
   TYPOGRAPHY — Inter type scale.
   Display sizes carry -2% tracking; text sizes are neutral.
   Weights: 400 Regular · 500 Medium · 600 Semibold · 700 Bold.
   ============================================================ */

:root {
  /* Font sizes */
  --display-2xl: 4.5rem;   /* 72px */
  --display-xl:  3.75rem;  /* 60px */
  --display-lg:  3rem;     /* 48px */
  --display-md:  2.25rem;  /* 36px */
  --display-sm:  1.875rem; /* 30px */
  --display-xs:  1.5rem;   /* 24px */
  --text-xl:     1.25rem;  /* 20px */
  --text-lg:     1.125rem; /* 18px */
  --text-md:     1rem;     /* 16px */
  --text-sm:     0.875rem; /* 14px */
  --text-xs:     0.75rem;  /* 12px */

  /* Line heights (paired with sizes above) */
  --lh-display-2xl: 5.625rem; /* 90px */
  --lh-display-xl:  4.5rem;   /* 72px */
  --lh-display-lg:  3.75rem;  /* 60px */
  --lh-display-md:  2.75rem;  /* 44px */
  --lh-display-sm:  2.375rem; /* 38px */
  --lh-display-xs:  2rem;     /* 32px */
  --lh-text-xl:     1.875rem; /* 30px */
  --lh-text-lg:     1.75rem;  /* 28px */
  --lh-text-md:     1.5rem;   /* 24px */
  --lh-text-sm:     1.25rem;  /* 20px */
  --lh-text-xs:     1.125rem; /* 18px */

  /* Weights */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Tracking */
  --tracking-display: -0.02em; /* -2% on display sizes */
  --tracking-normal: 0;
}

/* ---- Convenience utility classes (optional) ---- */
.uui-display-2xl { font: var(--weight-semibold) var(--display-2xl)/var(--lh-display-2xl) var(--font-sans); letter-spacing: var(--tracking-display); }
.uui-display-xl  { font: var(--weight-semibold) var(--display-xl)/var(--lh-display-xl) var(--font-sans); letter-spacing: var(--tracking-display); }
.uui-display-lg  { font: var(--weight-semibold) var(--display-lg)/var(--lh-display-lg) var(--font-sans); letter-spacing: var(--tracking-display); }
.uui-display-md  { font: var(--weight-semibold) var(--display-md)/var(--lh-display-md) var(--font-sans); letter-spacing: var(--tracking-display); }
.uui-display-sm  { font: var(--weight-semibold) var(--display-sm)/var(--lh-display-sm) var(--font-sans); }
.uui-display-xs  { font: var(--weight-semibold) var(--display-xs)/var(--lh-display-xs) var(--font-sans); }
.uui-text-xl     { font: var(--weight-regular) var(--text-xl)/var(--lh-text-xl) var(--font-sans); }
.uui-text-lg     { font: var(--weight-regular) var(--text-lg)/var(--lh-text-lg) var(--font-sans); }
.uui-text-md     { font: var(--weight-regular) var(--text-md)/var(--lh-text-md) var(--font-sans); }
.uui-text-sm     { font: var(--weight-regular) var(--text-sm)/var(--lh-text-sm) var(--font-sans); }
.uui-text-xs     { font: var(--weight-regular) var(--text-xs)/var(--lh-text-xs) var(--font-sans); }