{
  "description": "Magma Responsive text styles definition",
  "project": "Project X",
  "version": "1.0",
  "defaultStyles": {
    "fontWeight": 400,
    "lineHeight": 1,
    "letterSpacing": "0px",
    "fontFamily": "primary",
    "marginBottom": "zero",
    "fontSize": "10px"
  },

  "textStyles": [
    {
      "name": "h1",
      "fontSize": "26px",
      "letterSpacing": "-1.5px",
      "responsive": [
        {
          "fontStyle": "italic",
          "breakpoint": "m",
          "fontSize": "96px"
        }
      ]
    },
    {
      "name": "h2",
      "fontSize": "60px",
      "responsive": [
        {
          "breakpoint": "m",
          "fontSize": "60px"
        }
      ]
    },
    {
      "name": "h3",
      "fontSize": "48px",
      "responsive": [
        {
          "breakpoint": "m",
          "fontSize": "48px"
        }
      ]
    },
    {
      "name": "h4",
      "fontSize": "34px",
      "responsive": [
        {
          "breakpoint": "m",
          "fontSize": "34px"
        }
      ]
    },
    {
      "name": "h5",
      "fontSize": "24px",
      "responsive": [
        {
          "breakpoint": "m",
          "fontSize": "24px"
        }
      ]
    },
    {
      "name": "h6",
      "fontSize": "20px",
      "responsive": [
        {
          "breakpoint": "m",
          "fontSize": "20px"
        }
      ]
    },
    {
      "name": "body",
      "fontSize": "16px"
    },
    {
      "name": "lead",
      "fontSize": "20px"
    }
  ]
}