{
  "$description": "Typography scale. Values extracted from www CSS (heading-style-h1/h2/h3, text-size-*) which is the production source of truth. brand_rules.yml values noted where they conflict.",
  "fontSize": {
    "h1": {
      "$value": "4rem",
      "$type": "dimension",
      "$description": "64px. www CSS says 4rem; brand_rules.yml says 3.5rem (WRONG — CSS is truth)"
    },
    "h1-mobile": {
      "$value": "2.75rem",
      "$type": "dimension",
      "$description": "44px. Responsive breakpoint at 991px"
    },
    "h2": {
      "$value": "3rem",
      "$type": "dimension",
      "$description": "48px. www CSS says 3rem; brand_rules.yml says 2.5rem (WRONG)"
    },
    "h2-mobile": {
      "$value": "2rem",
      "$type": "dimension",
      "$description": "32px"
    },
    "h3": {
      "$value": "2rem",
      "$type": "dimension",
      "$description": "32px"
    },
    "h3-mobile": {
      "$value": "1.5rem",
      "$type": "dimension",
      "$description": "24px"
    },
    "body-large": {
      "$value": "1.25rem",
      "$type": "dimension",
      "$description": "20px — brand_rules.yml agrees"
    },
    "body-medium": {
      "$value": "1.125rem",
      "$type": "dimension",
      "$description": "18px — www text-size-medium"
    },
    "body": {
      "$value": "1rem",
      "$type": "dimension",
      "$description": "16px base"
    },
    "body-small": {
      "$value": "0.875rem",
      "$type": "dimension",
      "$description": "14px"
    }
  },
  "fontWeight": {
    "regular": {
      "$value": 400,
      "$type": "number",
      "$description": "Body text"
    },
    "medium": {
      "$value": 500,
      "$type": "number",
      "$description": "Labels, navigation"
    },
    "semibold": {
      "$value": 600,
      "$type": "number",
      "$description": "Buttons, emphasis, CTAs"
    },
    "bold": {
      "$value": 700,
      "$type": "number",
      "$description": "Headings. www CSS uses 700; brand_rules.yml says 600 for H2 (WRONG — CSS is truth)"
    }
  },
  "lineHeight": {
    "tight": {
      "$value": 1.1,
      "$type": "number",
      "$description": "H1"
    },
    "snug": {
      "$value": 1.2,
      "$type": "number",
      "$description": "H2"
    },
    "normal": {
      "$value": 1.3,
      "$type": "number",
      "$description": "H3"
    },
    "relaxed": {
      "$value": 1.6,
      "$type": "number",
      "$description": "Body text — all sizes"
    }
  },
  "letterSpacing": {
    "heading": {
      "$value": "-0.02em",
      "$type": "dimension",
      "$description": "H1 and H2 tightening"
    },
    "body": {
      "$value": "0",
      "$type": "dimension",
      "$description": "Body text — no adjustment"
    }
  }
}
