{
  "color": {
    "$type": "color",
    "bg": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.0667,
          0.098,
          0.1451
        ],
        "hex": "#111925"
      }
    },
    "panel": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.102,
          0.1333,
          0.2
        ],
        "hex": "#1A2233"
      }
    },
    "panel2": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.1412,
          0.1882,
          0.2863
        ],
        "hex": "#243049"
      }
    },
    "border": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9569,
          0.9255,
          0.8392
        ],
        "hex": "#F4ECD6"
      }
    },
    "text": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9569,
          0.9255,
          0.8392
        ],
        "hex": "#F4ECD6"
      }
    },
    "muted": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.6039,
          0.6627,
          0.7098
        ],
        "hex": "#9AA9B5"
      }
    },
    "faint": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.2902,
          0.3373,
          0.4392
        ],
        "hex": "#4A5670"
      }
    },
    "data": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.7843,
          0.2392
        ],
        "hex": "#FFC83D"
      }
    },
    "grad": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.7804,
          0.4824,
          0.0706
        ],
        "hex": "#C77B12"
      }
    },
    "op": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.3569,
          0.8902,
          0.6902
        ],
        "hex": "#5BE3B0"
      }
    },
    "good": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.3569,
          0.8902,
          0.6902
        ],
        "hex": "#5BE3B0"
      }
    },
    "bad": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.949,
          0.3373,
          0.2941
        ],
        "hex": "#F2564B"
      }
    },
    "warn": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.6039,
          0.2392
        ],
        "hex": "#FF9A3D"
      }
    }
  },
  "font": {
    "$type": "fontFamily",
    "sans": {
      "$value": [
        "Fusion Pixel 12px Prop zh-Hans",
        "sans-serif"
      ]
    },
    "mono": {
      "$value": [
        "Fusion Pixel 12px Prop zh-Hans",
        "monospace"
      ]
    },
    "display": {
      "$value": [
        "Silkscreen",
        "Fusion Pixel 12px Prop zh-Hans",
        "sans-serif"
      ]
    }
  },
  "caption": {
    "font": {
      "$type": "fontFamily",
      "$value": "{font.sans}"
    },
    "size": {
      "$type": "dimension",
      "$value": {
        "value": 48,
        "unit": "px"
      }
    },
    "weight": {
      "$type": "fontWeight",
      "$value": 400
    },
    "color": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9569,
          0.9255,
          0.8392
        ],
        "hex": "#F4ECD6"
      }
    },
    "background": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.102,
          0.1333,
          0.2
        ],
        "hex": "#1A2233"
      }
    },
    "radius": {
      "$type": "dimension",
      "$value": {
        "value": 0,
        "unit": "px"
      }
    },
    "padding-y": {
      "$type": "dimension",
      "$value": {
        "value": 12,
        "unit": "px"
      }
    },
    "padding-x": {
      "$type": "dimension",
      "$value": {
        "value": 32,
        "unit": "px"
      }
    },
    "bottom": {
      "$type": "dimension",
      "$value": {
        "value": 40,
        "unit": "px"
      }
    },
    "max-width": {
      "$type": "dimension",
      "$value": {
        "value": 1600,
        "unit": "px"
      }
    },
    "shadow": {
      "$type": "shadow",
      "$value": [
        {
          "color": {
            "colorSpace": "srgb",
            "components": [
              0.0431,
              0.0549,
              0.0784
            ],
            "hex": "#0B0E14"
          },
          "offsetX": {
            "value": 4,
            "unit": "px"
          },
          "offsetY": {
            "value": 4,
            "unit": "px"
          },
          "blur": {
            "value": 0,
            "unit": "px"
          },
          "spread": {
            "value": 0,
            "unit": "px"
          }
        }
      ]
    }
  }
}
