Challenge: Architecting a Production Typography Scale

Let's synthesize our complete typography system into a clean, reusable token set:

{
  "typography": {
    "display-2xl": { "size": "48px", "lineHeight": "1.15", "tracking": "-0.025em", "weight": "800" },
    "heading-xl":  { "size": "32px", "lineHeight": "1.25", "tracking": "-0.02em",  "weight": "700" },
    "heading-md":  { "size": "20px", "lineHeight": "1.35", "tracking": "-0.01em",  "weight": "600" },
    "body-base":   { "size": "16px", "lineHeight": "1.5",  "tracking": "0em",     "weight": "400" },
    "caption-sm":  { "size": "12px", "lineHeight": "1.4",  "tracking": "+0.02em", "weight": "500" },
    "overline-xs": { "size": "11px", "lineHeight": "1.3",  "tracking": "+0.12em", "weight": "800", "transform": "uppercase" }
  }
}

Notice how every typography token bundles size, line height, letter spacing, and weight into an indivisible composite token.