{
  "color": {
    "$type": "color",
    "bg": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.0275,
          0.0353,
          0.051
        ],
        "hex": "#07090D"
      }
    },
    "panel": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.0471,
          0.0588,
          0.0824
        ],
        "hex": "#0C0F15"
      }
    },
    "panel2": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.0902,
          0.1059,
          0.1373
        ],
        "hex": "#171B23"
      }
    },
    "border": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.1647,
          0.1843,
          0.2275
        ],
        "hex": "#2A2F3A"
      }
    },
    "text": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9569,
          0.9608,
          0.9686
        ],
        "hex": "#F4F5F7"
      }
    },
    "muted": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.6549,
          0.6784,
          0.7216
        ],
        "hex": "#A7ADB8"
      }
    },
    "faint": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.2902,
          0.3137,
          0.3569
        ],
        "hex": "#4A505B"
      }
    },
    "data": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.1804,
          0.302
        ],
        "hex": "#FF2E4D"
      }
    },
    "grad": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.1804,
          0.302
        ],
        "hex": "#FF2E4D"
      }
    },
    "op": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.6549,
          0.6784,
          0.7216
        ],
        "hex": "#A7ADB8"
      }
    },
    "good": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9569,
          0.9608,
          0.9686
        ],
        "hex": "#F4F5F7"
      }
    },
    "bad": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.1804,
          0.302
        ],
        "hex": "#FF2E4D"
      }
    },
    "warn": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.7098,
          0.2784
        ],
        "hex": "#FFB547"
      }
    }
  },
  "font": {
    "$type": "fontFamily",
    "sans": {
      "$value": [
        "Hanken Grotesk",
        "Noto Sans SC",
        "sans-serif"
      ]
    },
    "mono": {
      "$value": [
        "JetBrains Mono",
        "monospace"
      ]
    },
    "display": {
      "$value": [
        "Big Shoulders Display",
        "Noto Sans SC",
        "sans-serif"
      ]
    }
  },
  "caption": {
    "font": {
      "$type": "fontFamily",
      "$value": "{font.sans}"
    },
    "size": {
      "$type": "dimension",
      "$value": {
        "value": 40,
        "unit": "px"
      }
    },
    "weight": {
      "$type": "fontWeight",
      "$value": 600
    },
    "color": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9569,
          0.9608,
          0.9686
        ],
        "hex": "#F4F5F7"
      }
    },
    "background": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.0275,
          0.0353,
          0.051
        ],
        "hex": "#07090D",
        "alpha": 0.86
      }
    },
    "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": 128,
        "unit": "px"
      }
    },
    "max-width": {
      "$type": "dimension",
      "$value": {
        "value": 1560,
        "unit": "px"
      }
    },
    "rule-left": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.1804,
          0.302
        ],
        "hex": "#FF2E4D"
      }
    }
  }
}