{
  "color": {
    "$type": "color",
    "bg": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9529,
          0.9569,
          0.9451
        ],
        "hex": "#F3F4F1"
      }
    },
    "panel": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#FFFFFF"
      }
    },
    "panel2": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9098,
          0.9216,
          0.9255
        ],
        "hex": "#E8EBEC"
      }
    },
    "border": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.7059,
          0.7373,
          0.7686
        ],
        "hex": "#B4BCC4"
      }
    },
    "text": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.0667,
          0.0784,
          0.0941
        ],
        "hex": "#111418"
      }
    },
    "muted": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.3608,
          0.3882,
          0.4275
        ],
        "hex": "#5C636D"
      }
    },
    "faint": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.6235,
          0.7137,
          0.7843
        ],
        "hex": "#9FB6C8"
      }
    },
    "data": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.0667,
          0.0784,
          0.0941
        ],
        "hex": "#111418"
      }
    },
    "grad": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9647,
          0.8118,
          0.7686
        ],
        "hex": "#F6CFC4"
      }
    },
    "op": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.8784,
          0.2118,
          0.1098
        ],
        "hex": "#E0361C"
      }
    },
    "good": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.1804,
          0.4902,
          0.3569
        ],
        "hex": "#2E7D5B"
      }
    },
    "bad": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.8784,
          0.2118,
          0.1098
        ],
        "hex": "#E0361C"
      }
    },
    "warn": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.7843,
          0.5412,
          0.0706
        ],
        "hex": "#C88A12"
      }
    }
  },
  "font": {
    "$type": "fontFamily",
    "sans": {
      "$value": [
        "Hanken Grotesk",
        "Noto Sans SC",
        "sans-serif"
      ]
    },
    "mono": {
      "$value": [
        "JetBrains Mono",
        "Noto Sans SC",
        "monospace"
      ]
    },
    "display": {
      "$value": [
        "Newsreader",
        "Noto Serif SC",
        "serif"
      ]
    }
  },
  "caption": {
    "font": {
      "$type": "fontFamily",
      "$value": "{font.sans}"
    },
    "size": {
      "$type": "dimension",
      "$value": {
        "value": 36,
        "unit": "px"
      }
    },
    "weight": {
      "$type": "fontWeight",
      "$value": 500
    },
    "color": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.0667,
          0.0784,
          0.0941
        ],
        "hex": "#111418"
      }
    },
    "background": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9529,
          0.9569,
          0.9451
        ],
        "hex": "#F3F4F1"
      }
    },
    "radius": {
      "$type": "dimension",
      "$value": {
        "value": 0,
        "unit": "px"
      }
    },
    "padding-y": {
      "$type": "dimension",
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "padding-x": {
      "$type": "dimension",
      "$value": {
        "value": 22,
        "unit": "px"
      }
    },
    "bottom": {
      "$type": "dimension",
      "$value": {
        "value": 54,
        "unit": "px"
      }
    },
    "max-width": {
      "$type": "dimension",
      "$value": {
        "value": 1400,
        "unit": "px"
      }
    },
    "rule-left": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.8784,
          0.2118,
          0.1098
        ],
        "hex": "#E0361C"
      }
    }
  }
}