{
  "typography": {
    "font": {
      "family": {
        "sans": {
          "serif": {
            "$value": "\"Inter\", \"Helvetica Neue\", Arial, sans-serif"
          }
        },
        "serif": {
          "$value": "{typography.font.family.sans.serif}"
        },
        "monospace": {
          "$value": "\"Roboto Mono\", SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace"
        }
      },
      "size": {
        "$type": "dimension",
        "h1": {
          "base": {
            "$value": "3rem",
            "$type": "dimension",
            "source": "$h1-font-size",
            "$description": "Font size of heading level 1."
          },
          "mobile": {
            "$value": "1.875rem",
            "source": "$h1-mobile-font-size",
            "$description": "Mobile font size of heading level 1."
          }
        },
        "h2": {
          "base": {
            "$value": "2.25rem",
            "source": "$h2-font-size",
            "$description": "Font size of heading level 2."
          },
          "mobile": {
            "$value": "1.75rem",
            "source": "$h2-mobile-font-size",
            "$description": "Mobile font size of heading level 2."
          }
        },
        "h3": {
          "base": {
            "$value": "1.75rem",
            "source": "$h3-font-size",
            "$description": "Font size of heading level 3."
          },
          "mobile": {
            "$value": "1.5rem",
            "source": "$h3-mobile-font-size",
            "$description": "Mobile font size of heading level 3."
          }
        },
        "h4": {
          "base": {
            "$value": "1.5rem",
            "source": "$h4-font-size",
            "$description": "Font size of heading level 4."
          },
          "mobile": {
            "$value": "1.375rem",
            "source": "$h4-mobile-font-size",
            "$description": "Mobile font size of heading level 4."
          }
        },
        "h5": {
          "base": {
            "$value": "1.25rem",
            "source": "$h5-font-size",
            "$description": "Font size of heading level 5."
          },
          "mobile": {
            "$value": "{typography.font.size.h5.base}",
            "$description": "Mobile font size of heading level 5."
          }
        },
        "h6": {
          "base":  {
            "$value": "1.125rem",
            "source": "$h6-font-size",
            "$description": "Font size of heading level 6."
          },
          "mobile": {
            "$value": "{typography.font.size.h6.base}",
            "$description": "Mobile font size of heading level 6."
          }
        },
        "display": {
          "1": {
            "$value": "3.75rem",
            "source": "$display1-font-size",
            "$description": "Font size of display level 1."
          },
          "2": {
            "$value": "4.875rem",
            "source": "$display2-font-size",
            "$description": "Font size of display level 2."
          },
          "3": {
            "$value": "5.625rem",
            "source": "$display3-font-size",
            "$description": "Font size of display level 3."
          },
          "4": {
            "$value": "6.125rem",
            "source": "$display4-font-size",
            "$description": "Font size of display level 4."
          },
          "mobile": {
            "1": {
              "$value": "3rem",
              "source": "$display1-mobile-size",
              "$description": "Mobile font size of display level 1."
            },
            "2": {
              "$value": "3.625rem",
              "source": "$display2-mobile-size",
              "$description": "Mobile font size of display level 2."
            },
            "3": {
              "$value": "4.375rem",
              "source": "$display3-mobile-size",
              "$description": "Mobile font size of display level 3."
            },
            "4": {
              "$value": "5.25rem",
              "source": "$display4-mobile-size",
              "$description": "Mobile font size of display level 4."
            }
          }
        }
      },
      "weight": {
        "$type": "fontWeight",
        "display": {
          "1": {
            "$value": "900",
            "source": "$display1-weight",
            "$description": "Font weight of display level 1."
          },
          "2": {
            "$value": "900",
            "source": "$display2-weight",
            "$description": "Font weight of display level 2."
          },
          "3": {
            "$value": "900",
            "source": "$display2-weight",
            "$description": "Font weight of display level 3."
          },
          "4": {
            "$value": "900",
            "source": "$display2-weight",
            "$description": "Font weight of display level 4."
          }
        }
      }
    },
    "line-height": {
      "$type": "number",
      "display": {
        "mobile": {
          "$value": "1",
          "source": "$display-mobile-line-height",
          "$description": "Mobile line height of display level."
        }
      }
    }
  }
}