{
  "color": {
    "$type": "color",
    "bg": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9255,
          0.9176,
          0.8941
        ],
        "hex": "#ECEAE4"
      }
    },
    "panel": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#FFFFFF"
      }
    },
    "panel2": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.8863,
          0.8745,
          0.8431
        ],
        "hex": "#E2DFD7"
      }
    },
    "border": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.8157,
          0.8,
          0.7608
        ],
        "hex": "#D0CCC2"
      }
    },
    "text": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.1333,
          0.1451,
          0.1765
        ],
        "hex": "#22252D"
      }
    },
    "muted": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.4353,
          0.4549,
          0.502
        ],
        "hex": "#6F7480"
      }
    },
    "faint": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.7765,
          0.7647,
          0.7333
        ],
        "hex": "#C6C3BB"
      }
    },
    "data": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.2392,
          0.3569,
          0.851
        ],
        "hex": "#3D5BD9"
      }
    },
    "grad": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9216,
          0.4157,
          0.2941
        ],
        "hex": "#EB6A4B"
      }
    },
    "op": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.1098,
          0.6118,
          0.5412
        ],
        "hex": "#1C9C8A"
      }
    },
    "good": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.2275,
          0.6039,
          0.3569
        ],
        "hex": "#3A9A5B"
      }
    },
    "bad": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.8392,
          0.2745,
          0.2275
        ],
        "hex": "#D6463A"
      }
    },
    "warn": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.8863,
          0.651,
          0.1804
        ],
        "hex": "#E2A62E"
      }
    }
  },
  "font": {
    "$type": "fontFamily",
    "sans": {
      "$value": [
        "Hanken Grotesk",
        "Noto Sans SC",
        "sans-serif"
      ]
    },
    "mono": {
      "$value": [
        "JetBrains Mono",
        "monospace"
      ]
    },
    "display": {
      "$value": [
        "Hanken Grotesk",
        "Noto Sans SC",
        "sans-serif"
      ]
    }
  },
  "caption": {
    "font": {
      "$type": "fontFamily",
      "$value": "{font.sans}"
    },
    "size": {
      "$type": "dimension",
      "$value": {
        "value": 34,
        "unit": "px"
      }
    },
    "weight": {
      "$type": "fontWeight",
      "$value": 500
    },
    "color": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.1333,
          0.1451,
          0.1765
        ],
        "hex": "#22252D"
      }
    },
    "background": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#FFFFFF",
        "alpha": 0.96
      }
    },
    "radius": {
      "$type": "dimension",
      "$value": {
        "value": 4,
        "unit": "px"
      }
    },
    "padding-y": {
      "$type": "dimension",
      "$value": {
        "value": 10,
        "unit": "px"
      }
    },
    "padding-x": {
      "$type": "dimension",
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "bottom": {
      "$type": "dimension",
      "$value": {
        "value": 56,
        "unit": "px"
      }
    },
    "shadow": {
      "$type": "shadow",
      "$value": [
        {
          "color": {
            "colorSpace": "srgb",
            "components": [
              0.8157,
              0.8,
              0.7608
            ],
            "hex": "#D0CCC2"
          },
          "offsetX": {
            "value": 0,
            "unit": "px"
          },
          "offsetY": {
            "value": 2,
            "unit": "px"
          },
          "blur": {
            "value": 0,
            "unit": "px"
          },
          "spread": {
            "value": 0,
            "unit": "px"
          }
        }
      ]
    },
    "rule-left": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.2392,
          0.3569,
          0.851
        ],
        "hex": "#3D5BD9"
      }
    }
  }
}