{
  "$description": "Mobiis Design System — tema claro e todos os tokens não-cor. Gerado por scripts/tokens/build-dtcg.js a partir do CSS compilado; não editar à mão.",
  "mds": {
    "number": {
      "none": {
        "$type": "dimension",
        "$value": {
          "value": 0,
          "unit": "px"
        }
      },
      "hairline": {
        "$type": "dimension",
        "$value": {
          "value": 1,
          "unit": "px"
        }
      },
      "thin": {
        "$type": "dimension",
        "$value": {
          "value": 2,
          "unit": "px"
        }
      },
      "xxsmall": {
        "$type": "dimension",
        "$value": {
          "value": 4,
          "unit": "px"
        }
      },
      "xmall": {
        "$type": "dimension",
        "$value": {
          "value": 6,
          "unit": "px"
        }
      },
      "small": {
        "$type": "dimension",
        "$value": {
          "value": 8,
          "unit": "px"
        }
      },
      "xxmid": {
        "$type": "dimension",
        "$value": {
          "value": 12,
          "unit": "px"
        }
      },
      "xmid": {
        "$type": "dimension",
        "$value": {
          "value": 14,
          "unit": "px"
        }
      },
      "mid": {
        "$type": "dimension",
        "$value": {
          "value": 16,
          "unit": "px"
        }
      },
      "regular": {
        "$type": "dimension",
        "$value": {
          "value": 20,
          "unit": "px"
        }
      },
      "large": {
        "$type": "dimension",
        "$value": {
          "value": 24,
          "unit": "px"
        }
      },
      "xlarge": {
        "$type": "dimension",
        "$value": {
          "value": 32,
          "unit": "px"
        }
      },
      "xxlarge": {
        "$type": "dimension",
        "$value": {
          "value": 40,
          "unit": "px"
        }
      },
      "huge": {
        "$type": "dimension",
        "$value": {
          "value": 48,
          "unit": "px"
        }
      },
      "xhuge": {
        "$type": "dimension",
        "$value": {
          "value": 56,
          "unit": "px"
        }
      },
      "xxhuge": {
        "$type": "dimension",
        "$value": {
          "value": 64,
          "unit": "px"
        }
      }
    },
    "font-family": {
      "$type": "fontFamily",
      "$value": [
        "Manrope",
        "system-ui",
        "-apple-system",
        "Segoe UI",
        "Roboto",
        "Helvetica Neue",
        "Arial",
        "Noto Sans",
        "Liberation Sans",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji"
      ]
    },
    "font-size": {
      "xs": {
        "$type": "dimension",
        "$value": "{mds.number.xxmid}"
      },
      "sm": {
        "$type": "dimension",
        "$value": "{mds.number.xmid}"
      },
      "md": {
        "$type": "dimension",
        "$value": "{mds.number.mid}"
      },
      "lg": {
        "$type": "dimension",
        "$value": "{mds.number.regular}"
      },
      "xl": {
        "$type": "dimension",
        "$value": "{mds.number.large}"
      },
      "xxl": {
        "$type": "dimension",
        "$value": "{mds.number.xlarge}"
      },
      "xxxl": {
        "$type": "dimension",
        "$value": "{mds.number.xxlarge}"
      },
      "hg": {
        "$type": "dimension",
        "$value": "{mds.number.huge}"
      },
      "xhg": {
        "$type": "dimension",
        "$value": "{mds.number.xhuge}"
      },
      "xxhg": {
        "$type": "dimension",
        "$value": "{mds.number.xxhuge}"
      }
    },
    "font-weight": {
      "light": {
        "$type": "fontWeight",
        "$value": 300
      },
      "normal": {
        "$type": "fontWeight",
        "$value": 400
      },
      "semibold": {
        "$type": "fontWeight",
        "$value": 600
      },
      "bold": {
        "$type": "fontWeight",
        "$value": 700
      }
    },
    "spacing": {
      "xs": {
        "$type": "dimension",
        "$value": {
          "value": 4,
          "unit": "px"
        }
      },
      "sm": {
        "$type": "dimension",
        "$value": {
          "value": 8,
          "unit": "px"
        }
      },
      "md": {
        "$type": "dimension",
        "$value": {
          "value": 16,
          "unit": "px"
        }
      },
      "lg": {
        "$type": "dimension",
        "$value": {
          "value": 24,
          "unit": "px"
        }
      },
      "xl": {
        "$type": "dimension",
        "$value": {
          "value": 32,
          "unit": "px"
        }
      },
      "xxl": {
        "$type": "dimension",
        "$value": {
          "value": 40,
          "unit": "px"
        }
      },
      "xxxl": {
        "$type": "dimension",
        "$value": {
          "value": 48,
          "unit": "px"
        }
      }
    },
    "radius": {
      "xxs": {
        "$type": "dimension",
        "$value": {
          "value": 4,
          "unit": "px"
        }
      },
      "xs": {
        "$type": "dimension",
        "$value": {
          "value": 6,
          "unit": "px"
        }
      },
      "sm": {
        "$type": "dimension",
        "$value": {
          "value": 8,
          "unit": "px"
        }
      },
      "md": {
        "$type": "dimension",
        "$value": {
          "value": 16,
          "unit": "px"
        }
      },
      "lg": {
        "$type": "dimension",
        "$value": {
          "value": 24,
          "unit": "px"
        }
      },
      "xl": {
        "$type": "dimension",
        "$value": {
          "value": 32,
          "unit": "px"
        }
      },
      "xxl": {
        "$type": "dimension",
        "$value": {
          "value": 40,
          "unit": "px"
        }
      },
      "xxxl": {
        "$type": "dimension",
        "$value": {
          "value": 48,
          "unit": "px"
        }
      }
    },
    "blur": {
      "xs": {
        "$type": "dimension",
        "$value": {
          "value": 8,
          "unit": "px"
        }
      },
      "sm": {
        "$type": "dimension",
        "$value": {
          "value": 16,
          "unit": "px"
        }
      },
      "md": {
        "$type": "dimension",
        "$value": {
          "value": 32,
          "unit": "px"
        }
      },
      "lg": {
        "$type": "dimension",
        "$value": {
          "value": 48,
          "unit": "px"
        }
      },
      "xl": {
        "$type": "dimension",
        "$value": {
          "value": 64,
          "unit": "px"
        }
      }
    },
    "colors": {
      "palettes": {
        "brand": {
          "lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9137,
                0.9216,
                0.9529
              ],
              "hex": "#e9ebf3"
            }
          },
          "on-lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0039,
                0.0078,
                0.0157
              ],
              "hex": "#010204"
            }
          },
          "light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.5765,
                0.6039,
                0.7725
              ],
              "hex": "#939ac5"
            }
          },
          "on-light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9765,
                0.9765,
                0.9882
              ],
              "hex": "#f9f9fc"
            }
          },
          "main": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.1529,
                0.2039,
                0.5451
              ],
              "hex": "#27348b"
            }
          },
          "on-main": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9765,
                0.9765,
                0.9882
              ],
              "hex": "#f9f9fc"
            }
          },
          "dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.1137,
                0.1529,
                0.4078
              ],
              "hex": "#1d2768"
            }
          },
          "on-dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9765,
                0.9765,
                0.9882
              ],
              "hex": "#f9f9fc"
            }
          },
          "darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0784,
                0.102,
                0.2745
              ],
              "hex": "#141a46"
            }
          },
          "on-darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9765,
                0.9765,
                0.9882
              ],
              "hex": "#f9f9fc"
            }
          }
        },
        "brand-mobiis": {
          "lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9255,
                0.9529,
                1
              ],
              "hex": "#ecf3ff"
            }
          },
          "on-lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0078,
                0.0157,
                0.0275
              ],
              "hex": "#020407"
            }
          },
          "light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.6275,
                0.7686,
                0.9922
              ],
              "hex": "#a0c4fd"
            }
          },
          "on-light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0078,
                0.0157,
                0.0275
              ],
              "hex": "#020407"
            }
          },
          "main": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.251,
                0.5412,
                0.9804
              ],
              "hex": "#408afa"
            }
          },
          "on-main": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9765,
                0.9843,
                1
              ],
              "hex": "#f9fbff"
            }
          },
          "dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.1882,
                0.4078,
                0.7333
              ],
              "hex": "#3068bb"
            }
          },
          "on-dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9765,
                0.9843,
                1
              ],
              "hex": "#f9fbff"
            }
          },
          "darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.1255,
                0.2706,
                0.4902
              ],
              "hex": "#20457d"
            }
          },
          "on-darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9765,
                0.9843,
                1
              ],
              "hex": "#f9fbff"
            }
          }
        },
        "blue": {
          "lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.902,
                0.9529,
                0.9843
              ],
              "hex": "#e6f3fb"
            }
          },
          "on-lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.0157,
                0.0275
              ],
              "hex": "#000407"
            }
          },
          "light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.502,
                0.7647,
                0.9294
              ],
              "hex": "#80c3ed"
            }
          },
          "on-light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.0157,
                0.0275
              ],
              "hex": "#000407"
            }
          },
          "main": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.5294,
                0.8588
              ],
              "hex": "#0087db"
            }
          },
          "on-main": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9686,
                0.9843,
                0.9961
              ],
              "hex": "#f7fbfe"
            }
          },
          "dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.3961,
                0.6431
              ],
              "hex": "#0065a4"
            }
          },
          "on-dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9686,
                0.9843,
                0.9961
              ],
              "hex": "#f7fbfe"
            }
          },
          "darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.2667,
                0.4314
              ],
              "hex": "#00446e"
            }
          },
          "on-darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9686,
                0.9843,
                0.9961
              ],
              "hex": "#f7fbfe"
            }
          }
        },
        "teal": {
          "lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.902,
                0.9843,
                0.9843
              ],
              "hex": "#e6fbfb"
            }
          },
          "on-lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.0275,
                0.0275
              ],
              "hex": "#000707"
            }
          },
          "light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.502,
                0.9294,
                0.9294
              ],
              "hex": "#80eded"
            }
          },
          "on-light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.0275,
                0.0275
              ],
              "hex": "#000707"
            }
          },
          "main": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.8588,
                0.8588
              ],
              "hex": "#00dbdb"
            }
          },
          "on-main": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.0275,
                0.0275
              ],
              "hex": "#000707"
            }
          },
          "dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.6431,
                0.6431
              ],
              "hex": "#00a4a4"
            }
          },
          "on-dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9686,
                0.9961,
                0.9961
              ],
              "hex": "#f7fefe"
            }
          },
          "darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.4314,
                0.4314
              ],
              "hex": "#006e6e"
            }
          },
          "on-darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9686,
                0.9961,
                0.9961
              ],
              "hex": "#f7fefe"
            }
          }
        },
        "aqua": {
          "lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.902,
                0.9961,
                0.9725
              ],
              "hex": "#e6fef8"
            }
          },
          "on-lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.0275,
                0.0235
              ],
              "hex": "#000706"
            }
          },
          "light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.502,
                0.9725,
                0.8627
              ],
              "hex": "#80f8dc"
            }
          },
          "on-light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.0275,
                0.0235
              ],
              "hex": "#000706"
            }
          },
          "main": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.9412,
                0.7216
              ],
              "hex": "#00f0b8"
            }
          },
          "on-main": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.0275,
                0.0235
              ],
              "hex": "#000706"
            }
          },
          "dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.7059,
                0.5412
              ],
              "hex": "#00b48a"
            }
          },
          "on-dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9686,
                1,
                0.9922
              ],
              "hex": "#f7fffd"
            }
          },
          "darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.4706,
                0.3608
              ],
              "hex": "#00785c"
            }
          },
          "on-darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9686,
                1,
                0.9922
              ],
              "hex": "#f7fffd"
            }
          }
        },
        "green": {
          "lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.902,
                0.9765,
                0.902
              ],
              "hex": "#e6f9e6"
            }
          },
          "on-lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.0235,
                0
              ],
              "hex": "#000600"
            }
          },
          "light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.502,
                0.8902,
                0.5059
              ],
              "hex": "#80e381"
            }
          },
          "on-light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.0235,
                0
              ],
              "hex": "#000600"
            }
          },
          "main": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.7804,
                0.0118
              ],
              "hex": "#00c703"
            }
          },
          "on-main": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.0235,
                0
              ],
              "hex": "#000600"
            }
          },
          "dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.5843,
                0.0078
              ],
              "hex": "#009502"
            }
          },
          "on-dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9686,
                0.9922,
                0.9686
              ],
              "hex": "#f7fdf7"
            }
          },
          "darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.3922,
                0.0078
              ],
              "hex": "#006402"
            }
          },
          "on-darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9686,
                0.9922,
                0.9686
              ],
              "hex": "#f7fdf7"
            }
          }
        },
        "yellow": {
          "lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9961,
                0.9765,
                0.902
              ],
              "hex": "#fef9e6"
            }
          },
          "on-lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0275,
                0.0235,
                0
              ],
              "hex": "#070600"
            }
          },
          "light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9725,
                0.8863,
                0.502
              ],
              "hex": "#f8e280"
            }
          },
          "on-light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0275,
                0.0235,
                0
              ],
              "hex": "#070600"
            }
          },
          "main": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9412,
                0.7686,
                0
              ],
              "hex": "#f0c400"
            }
          },
          "on-main": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0275,
                0.0235,
                0
              ],
              "hex": "#070600"
            }
          },
          "dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.7059,
                0.5765,
                0
              ],
              "hex": "#b49300"
            }
          },
          "on-dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                1,
                0.9922,
                0.9686
              ],
              "hex": "#fffdf7"
            }
          },
          "darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.4706,
                0.3843,
                0
              ],
              "hex": "#786200"
            }
          },
          "on-darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                1,
                0.9922,
                0.9686
              ],
              "hex": "#fffdf7"
            }
          }
        },
        "orange": {
          "lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9961,
                0.949,
                0.902
              ],
              "hex": "#fef2e6"
            }
          },
          "on-lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0275,
                0.0157,
                0
              ],
              "hex": "#070400"
            }
          },
          "light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9725,
                0.7373,
                0.502
              ],
              "hex": "#f8bc80"
            }
          },
          "on-light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0275,
                0.0157,
                0
              ],
              "hex": "#070400"
            }
          },
          "main": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9412,
                0.4706,
                0
              ],
              "hex": "#f07800"
            }
          },
          "on-main": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                1,
                0.9843,
                0.9686
              ],
              "hex": "#fffbf7"
            }
          },
          "dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.7059,
                0.3529,
                0
              ],
              "hex": "#b45a00"
            }
          },
          "on-dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                1,
                0.9843,
                0.9686
              ],
              "hex": "#fffbf7"
            }
          },
          "darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.4706,
                0.2353,
                0
              ],
              "hex": "#783c00"
            }
          },
          "on-darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                1,
                0.9843,
                0.9686
              ],
              "hex": "#fffbf7"
            }
          }
        },
        "red": {
          "lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9882,
                0.9216,
                0.902
              ],
              "hex": "#fcebe6"
            }
          },
          "on-lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0275,
                0.0078,
                0
              ],
              "hex": "#070200"
            }
          },
          "light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.949,
                0.6,
                0.502
              ],
              "hex": "#f29980"
            }
          },
          "on-light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0275,
                0.0078,
                0
              ],
              "hex": "#070200"
            }
          },
          "main": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.898,
                0.1961,
                0
              ],
              "hex": "#e53200"
            }
          },
          "on-main": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9961,
                0.9765,
                0.9686
              ],
              "hex": "#fef9f7"
            }
          },
          "dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.6745,
                0.149,
                0
              ],
              "hex": "#ac2600"
            }
          },
          "on-dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9961,
                0.9765,
                0.9686
              ],
              "hex": "#fef9f7"
            }
          },
          "darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.451,
                0.098,
                0
              ],
              "hex": "#731900"
            }
          },
          "on-darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9961,
                0.9765,
                0.9686
              ],
              "hex": "#fef9f7"
            }
          }
        },
        "pink": {
          "lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                1,
                0.902,
                0.9451
              ],
              "hex": "#ffe6f1"
            }
          },
          "on-lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0314,
                0,
                0.0118
              ],
              "hex": "#080003"
            }
          },
          "light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                1,
                0.502,
                0.7255
              ],
              "hex": "#ff80b9"
            }
          },
          "on-light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0314,
                0,
                0.0118
              ],
              "hex": "#080003"
            }
          },
          "main": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                1,
                0,
                0.451
              ],
              "hex": "#ff0073"
            }
          },
          "on-main": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                1,
                0.9686,
                0.9843
              ],
              "hex": "#fff7fb"
            }
          },
          "dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.749,
                0,
                0.3373
              ],
              "hex": "#bf0056"
            }
          },
          "on-dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                1,
                0.9686,
                0.9843
              ],
              "hex": "#fff7fb"
            }
          },
          "darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.502,
                0,
                0.2275
              ],
              "hex": "#80003a"
            }
          },
          "on-darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                1,
                0.9686,
                0.9843
              ],
              "hex": "#fff7fb"
            }
          }
        },
        "gray": {
          "lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9804,
                0.9843,
                0.9882
              ],
              "hex": "#fafbfc"
            }
          },
          "on-lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0235,
                0.0235,
                0.0275
              ],
              "hex": "#060607"
            }
          },
          "light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9098,
                0.9176,
                0.9333
              ],
              "hex": "#e8eaee"
            }
          },
          "on-light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0235,
                0.0235,
                0.0275
              ],
              "hex": "#060607"
            }
          },
          "main": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.8157,
                0.8314,
                0.8627
              ],
              "hex": "#d0d4dc"
            }
          },
          "on-main": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0235,
                0.0235,
                0.0275
              ],
              "hex": "#060607"
            }
          },
          "dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.6118,
                0.6235,
                0.6471
              ],
              "hex": "#9c9fa5"
            }
          },
          "on-dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9961,
                0.9961,
                0.9961
              ],
              "hex": "#fefefe"
            }
          },
          "darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.4078,
                0.4157,
                0.4314
              ],
              "hex": "#686a6e"
            }
          },
          "on-darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9961,
                0.9961,
                0.9961
              ],
              "hex": "#fefefe"
            }
          }
        }
      },
      "gray": {
        "0": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.9961,
              0.9961,
              0.9961
            ],
            "hex": "#fefefe"
          }
        },
        "50": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.9804,
              0.9843,
              0.9882
            ],
            "hex": "#fafbfc"
          }
        },
        "100": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.9529,
              0.9569,
              0.9647
            ],
            "hex": "#f3f4f6"
          }
        },
        "200": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.9098,
              0.9176,
              0.9333
            ],
            "hex": "#e8eaee"
          }
        },
        "300": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.8627,
              0.8745,
              0.898
            ],
            "hex": "#dcdfe5"
          }
        },
        "400": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.8157,
              0.8314,
              0.8627
            ],
            "hex": "#d0d4dc"
          }
        },
        "500": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.6118,
              0.6235,
              0.6471
            ],
            "hex": "#9c9fa5"
          }
        },
        "600": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.4078,
              0.4157,
              0.4314
            ],
            "hex": "#686a6e"
          }
        },
        "700": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.2039,
              0.2078,
              0.2157
            ],
            "hex": "#343537"
          }
        },
        "800": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.0824,
              0.0824,
              0.0863
            ],
            "hex": "#151516"
          }
        },
        "900": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.0235,
              0.0235,
              0.0275
            ],
            "hex": "#060607"
          }
        }
      },
      "secondary": {
        "lighter": {
          "$type": "color",
          "$value": "{mds.colors.palettes.brand.lighter}"
        },
        "on-lighter": {
          "$type": "color",
          "$value": "{mds.colors.palettes.brand.on-lighter}"
        },
        "light": {
          "$type": "color",
          "$value": "{mds.colors.palettes.brand.light}"
        },
        "on-light": {
          "$type": "color",
          "$value": "{mds.colors.palettes.brand.on-light}"
        },
        "main": {
          "$type": "color",
          "$value": "{mds.colors.palettes.brand.main}"
        },
        "on-main": {
          "$type": "color",
          "$value": "{mds.colors.palettes.brand.on-main}"
        },
        "dark": {
          "$type": "color",
          "$value": "{mds.colors.palettes.brand.dark}"
        },
        "on-dark": {
          "$type": "color",
          "$value": "{mds.colors.palettes.brand.on-dark}"
        },
        "darker": {
          "$type": "color",
          "$value": "{mds.colors.palettes.brand.darker}"
        },
        "on-darker": {
          "$type": "color",
          "$value": "{mds.colors.palettes.brand.on-darker}"
        }
      },
      "primary": {
        "lighter": {
          "$type": "color",
          "$value": "{mds.colors.palettes.brand-mobiis.lighter}"
        },
        "on-lighter": {
          "$type": "color",
          "$value": "{mds.colors.palettes.brand-mobiis.on-lighter}"
        },
        "light": {
          "$type": "color",
          "$value": "{mds.colors.palettes.brand-mobiis.light}"
        },
        "on-light": {
          "$type": "color",
          "$value": "{mds.colors.palettes.brand-mobiis.on-light}"
        },
        "main": {
          "$type": "color",
          "$value": "{mds.colors.palettes.brand-mobiis.main}"
        },
        "on-main": {
          "$type": "color",
          "$value": "{mds.colors.palettes.brand-mobiis.on-main}"
        },
        "dark": {
          "$type": "color",
          "$value": "{mds.colors.palettes.brand-mobiis.dark}"
        },
        "on-dark": {
          "$type": "color",
          "$value": "{mds.colors.palettes.brand-mobiis.on-dark}"
        },
        "darker": {
          "$type": "color",
          "$value": "{mds.colors.palettes.brand-mobiis.darker}"
        },
        "on-darker": {
          "$type": "color",
          "$value": "{mds.colors.palettes.brand-mobiis.on-darker}"
        }
      },
      "info": {
        "lighter": {
          "$type": "color",
          "$value": "{mds.colors.palettes.blue.lighter}"
        },
        "on-lighter": {
          "$type": "color",
          "$value": "{mds.colors.palettes.blue.on-lighter}"
        },
        "light": {
          "$type": "color",
          "$value": "{mds.colors.palettes.blue.light}"
        },
        "on-light": {
          "$type": "color",
          "$value": "{mds.colors.palettes.blue.on-light}"
        },
        "main": {
          "$type": "color",
          "$value": "{mds.colors.palettes.blue.main}"
        },
        "on-main": {
          "$type": "color",
          "$value": "{mds.colors.palettes.blue.on-main}"
        },
        "dark": {
          "$type": "color",
          "$value": "{mds.colors.palettes.blue.dark}"
        },
        "on-dark": {
          "$type": "color",
          "$value": "{mds.colors.palettes.blue.on-dark}"
        },
        "darker": {
          "$type": "color",
          "$value": "{mds.colors.palettes.blue.darker}"
        },
        "on-darker": {
          "$type": "color",
          "$value": "{mds.colors.palettes.blue.on-darker}"
        }
      },
      "success": {
        "lighter": {
          "$type": "color",
          "$value": "{mds.colors.palettes.green.lighter}"
        },
        "on-lighter": {
          "$type": "color",
          "$value": "{mds.colors.palettes.green.on-lighter}"
        },
        "light": {
          "$type": "color",
          "$value": "{mds.colors.palettes.green.light}"
        },
        "on-light": {
          "$type": "color",
          "$value": "{mds.colors.palettes.green.on-light}"
        },
        "main": {
          "$type": "color",
          "$value": "{mds.colors.palettes.green.main}"
        },
        "on-main": {
          "$type": "color",
          "$value": "{mds.colors.palettes.green.on-main}"
        },
        "dark": {
          "$type": "color",
          "$value": "{mds.colors.palettes.green.dark}"
        },
        "on-dark": {
          "$type": "color",
          "$value": "{mds.colors.palettes.green.on-dark}"
        },
        "darker": {
          "$type": "color",
          "$value": "{mds.colors.palettes.green.darker}"
        },
        "on-darker": {
          "$type": "color",
          "$value": "{mds.colors.palettes.green.on-darker}"
        }
      },
      "warning": {
        "lighter": {
          "$type": "color",
          "$value": "{mds.colors.palettes.yellow.lighter}"
        },
        "on-lighter": {
          "$type": "color",
          "$value": "{mds.colors.palettes.yellow.on-lighter}"
        },
        "light": {
          "$type": "color",
          "$value": "{mds.colors.palettes.yellow.light}"
        },
        "on-light": {
          "$type": "color",
          "$value": "{mds.colors.palettes.yellow.on-light}"
        },
        "main": {
          "$type": "color",
          "$value": "{mds.colors.palettes.yellow.main}"
        },
        "on-main": {
          "$type": "color",
          "$value": "{mds.colors.palettes.yellow.on-main}"
        },
        "dark": {
          "$type": "color",
          "$value": "{mds.colors.palettes.yellow.dark}"
        },
        "on-dark": {
          "$type": "color",
          "$value": "{mds.colors.palettes.yellow.on-dark}"
        },
        "darker": {
          "$type": "color",
          "$value": "{mds.colors.palettes.yellow.darker}"
        },
        "on-darker": {
          "$type": "color",
          "$value": "{mds.colors.palettes.yellow.on-darker}"
        }
      },
      "danger": {
        "lighter": {
          "$type": "color",
          "$value": "{mds.colors.palettes.red.lighter}"
        },
        "on-lighter": {
          "$type": "color",
          "$value": "{mds.colors.palettes.red.on-lighter}"
        },
        "light": {
          "$type": "color",
          "$value": "{mds.colors.palettes.red.light}"
        },
        "on-light": {
          "$type": "color",
          "$value": "{mds.colors.palettes.red.on-light}"
        },
        "main": {
          "$type": "color",
          "$value": "{mds.colors.palettes.red.main}"
        },
        "on-main": {
          "$type": "color",
          "$value": "{mds.colors.palettes.red.on-main}"
        },
        "dark": {
          "$type": "color",
          "$value": "{mds.colors.palettes.red.dark}"
        },
        "on-dark": {
          "$type": "color",
          "$value": "{mds.colors.palettes.red.on-dark}"
        },
        "darker": {
          "$type": "color",
          "$value": "{mds.colors.palettes.red.darker}"
        },
        "on-darker": {
          "$type": "color",
          "$value": "{mds.colors.palettes.red.on-darker}"
        }
      },
      "neutral": {
        "lighter": {
          "$type": "color",
          "$value": "{mds.colors.palettes.gray.lighter}"
        },
        "on-lighter": {
          "$type": "color",
          "$value": "{mds.colors.palettes.gray.on-lighter}"
        },
        "light": {
          "$type": "color",
          "$value": "{mds.colors.palettes.gray.light}"
        },
        "on-light": {
          "$type": "color",
          "$value": "{mds.colors.palettes.gray.on-light}"
        },
        "main": {
          "$type": "color",
          "$value": "{mds.colors.palettes.gray.main}"
        },
        "on-main": {
          "$type": "color",
          "$value": "{mds.colors.palettes.gray.on-main}"
        },
        "dark": {
          "$type": "color",
          "$value": "{mds.colors.palettes.gray.dark}"
        },
        "on-dark": {
          "$type": "color",
          "$value": "{mds.colors.palettes.gray.on-dark}"
        },
        "darker": {
          "$type": "color",
          "$value": "{mds.colors.palettes.gray.darker}"
        },
        "on-darker": {
          "$type": "color",
          "$value": "{mds.colors.palettes.gray.on-darker}"
        }
      },
      "background": {
        "light": {
          "$type": "color",
          "$value": "{mds.dimmed.0}"
        },
        "main": {
          "$type": "color",
          "$value": "{mds.dimmed.1}"
        },
        "dark": {
          "$type": "color",
          "$value": "{mds.dimmed.2}"
        },
        "primary": {
          "$type": "color",
          "$value": "{mds.colors.primary.lighter}"
        },
        "secondary": {
          "$type": "color",
          "$value": "{mds.colors.secondary.lighter}"
        },
        "error": {
          "$type": "color",
          "$value": "{mds.colors.danger.lighter}"
        },
        "warning": {
          "$type": "color",
          "$value": "{mds.colors.warning.lighter}"
        },
        "info": {
          "$type": "color",
          "$value": "{mds.colors.info.lighter}"
        },
        "success": {
          "$type": "color",
          "$value": "{mds.colors.success.lighter}"
        },
        "aqua": {
          "$type": "color",
          "$value": "{mds.colors.palettes.aqua.lighter}"
        },
        "blue": {
          "$type": "color",
          "$value": "{mds.colors.palettes.blue.lighter}"
        },
        "green": {
          "$type": "color",
          "$value": "{mds.colors.palettes.green.lighter}"
        },
        "orange": {
          "$type": "color",
          "$value": "{mds.colors.palettes.orange.lighter}"
        },
        "pink": {
          "$type": "color",
          "$value": "{mds.colors.palettes.pink.lighter}"
        },
        "red": {
          "$type": "color",
          "$value": "{mds.colors.palettes.red.lighter}"
        },
        "teal": {
          "$type": "color",
          "$value": "{mds.colors.palettes.teal.lighter}"
        },
        "yellow": {
          "$type": "color",
          "$value": "{mds.colors.palettes.yellow.lighter}"
        },
        "transparency": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.2039,
              0.2078,
              0.2157
            ],
            "alpha": 0.6,
            "hex": "#343537"
          }
        },
        "shadow": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.0863,
              0.0863,
              0.0902
            ],
            "alpha": 0.15,
            "hex": "#161617"
          }
        }
      },
      "foreground": {
        "light": {
          "$type": "color",
          "$value": "{mds.dimmed.5}"
        },
        "main": {
          "$type": "color",
          "$value": "{mds.dimmed.6}"
        },
        "dark": {
          "$type": "color",
          "$value": "{mds.dimmed.7}"
        },
        "primary": {
          "$type": "color",
          "$value": "{mds.colors.primary.dark}"
        },
        "secondary": {
          "$type": "color",
          "$value": "{mds.colors.secondary.dark}"
        },
        "error": {
          "$type": "color",
          "$value": "{mds.colors.danger.dark}"
        },
        "warning": {
          "$type": "color",
          "$value": "{mds.colors.warning.dark}"
        },
        "info": {
          "$type": "color",
          "$value": "{mds.colors.info.darker}"
        },
        "success": {
          "$type": "color",
          "$value": "{mds.colors.success.dark}"
        },
        "aqua": {
          "$type": "color",
          "$value": "{mds.colors.palettes.aqua.darker}"
        },
        "blue": {
          "$type": "color",
          "$value": "{mds.colors.palettes.blue.dark}"
        },
        "green": {
          "$type": "color",
          "$value": "{mds.colors.palettes.green.dark}"
        },
        "orange": {
          "$type": "color",
          "$value": "{mds.colors.palettes.orange.dark}"
        },
        "pink": {
          "$type": "color",
          "$value": "{mds.colors.palettes.pink.dark}"
        },
        "red": {
          "$type": "color",
          "$value": "{mds.colors.palettes.red.dark}"
        },
        "teal": {
          "$type": "color",
          "$value": "{mds.colors.palettes.teal.darker}"
        },
        "yellow": {
          "$type": "color",
          "$value": "{mds.colors.palettes.yellow.dark}"
        }
      },
      "border": {
        "light": {
          "$type": "color",
          "$value": "{mds.dimmed.1}"
        },
        "main": {
          "$type": "color",
          "$value": "{mds.dimmed.2}"
        },
        "dark": {
          "$type": "color",
          "$value": "{mds.dimmed.5}"
        },
        "primary": {
          "$type": "color",
          "$value": "{mds.colors.primary.main}"
        },
        "secondary": {
          "$type": "color",
          "$value": "{mds.colors.secondary.main}"
        },
        "error": {
          "$type": "color",
          "$value": "{mds.colors.danger.main}"
        },
        "warning": {
          "$type": "color",
          "$value": "{mds.colors.warning.main}"
        },
        "info": {
          "$type": "color",
          "$value": "{mds.colors.info.main}"
        },
        "success": {
          "$type": "color",
          "$value": "{mds.colors.success.main}"
        },
        "aqua": {
          "$type": "color",
          "$value": "{mds.colors.palettes.aqua.main}"
        },
        "blue": {
          "$type": "color",
          "$value": "{mds.colors.palettes.blue.main}"
        },
        "green": {
          "$type": "color",
          "$value": "{mds.colors.palettes.green.main}"
        },
        "orange": {
          "$type": "color",
          "$value": "{mds.colors.palettes.orange.main}"
        },
        "pink": {
          "$type": "color",
          "$value": "{mds.colors.palettes.pink.main}"
        },
        "red": {
          "$type": "color",
          "$value": "{mds.colors.palettes.red.main}"
        },
        "teal": {
          "$type": "color",
          "$value": "{mds.colors.palettes.teal.main}"
        },
        "yellow": {
          "$type": "color",
          "$value": "{mds.colors.palettes.yellow.main}"
        }
      },
      "ui": {
        "interactive-text": {
          "$type": "color",
          "$value": "{mds.colors.palettes.brand-mobiis.dark}"
        },
        "interactive-hover-text": {
          "$type": "color",
          "$value": "{mds.colors.palettes.brand-mobiis.darker}"
        },
        "interactive-disabled-text": {
          "$type": "color",
          "$value": "{mds.colors.palettes.brand-mobiis.light}"
        }
      }
    },
    "dimmed": {
      "0": {
        "$type": "color",
        "$value": "{mds.colors.gray.50}"
      },
      "1": {
        "$type": "color",
        "$value": "{mds.colors.gray.100}"
      },
      "2": {
        "$type": "color",
        "$value": "{mds.colors.gray.200}"
      },
      "3": {
        "$type": "color",
        "$value": "{mds.colors.gray.300}"
      },
      "4": {
        "$type": "color",
        "$value": "{mds.colors.gray.400}"
      },
      "5": {
        "$type": "color",
        "$value": "{mds.colors.gray.500}"
      },
      "6": {
        "$type": "color",
        "$value": "{mds.colors.gray.600}"
      },
      "7": {
        "$type": "color",
        "$value": "{mds.colors.gray.700}"
      },
      "default": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9961,
            0.9961,
            0.9961
          ],
          "hex": "#fefefe"
        }
      }
    },
    "item": {
      "foreground": {
        "$type": "color",
        "$value": "{mds.colors.foreground.main}"
      },
      "background": {
        "$type": "color",
        "$value": "{mds.colors.background.main}"
      },
      "active-foreground": {
        "$type": "color",
        "$value": "{mds.colors.primary.dark}"
      },
      "active-background": {
        "$type": "color",
        "$value": "{mds.colors.background.primary}"
      },
      "active-border": {
        "$type": "color",
        "$value": "{mds.colors.primary.main}"
      },
      "hover-foreground": {
        "$type": "color",
        "$value": "{mds.colors.primary.dark}"
      },
      "hover-background": {
        "$type": "color",
        "$value": "{mds.colors.primary.lighter}"
      },
      "hover-border": {
        "$type": "color",
        "$value": "{mds.colors.primary.dark}"
      }
    },
    "control": {
      "default": {
        "background": {
          "$type": "color",
          "$value": "{mds.dimmed.default}"
        },
        "foreground": {
          "$type": "color",
          "$value": "{mds.colors.foreground.main}"
        },
        "border": {
          "$type": "color",
          "$value": "{mds.dimmed.4}"
        }
      },
      "hover": {
        "background": {
          "$type": "color",
          "$value": "{mds.dimmed.default}"
        },
        "foreground": {
          "$type": "color",
          "$value": "{mds.dimmed.7}"
        },
        "border": {
          "$type": "color",
          "$value": "{mds.colors.primary.main}"
        }
      },
      "active": {
        "background": {
          "$type": "color",
          "$value": "{mds.dimmed.default}"
        },
        "foreground": {
          "$type": "color",
          "$value": "{mds.dimmed.7}"
        },
        "border": {
          "$type": "color",
          "$value": "{mds.colors.primary.main}"
        }
      },
      "disabled": {
        "background": {
          "$type": "color",
          "$value": "{mds.dimmed.2}"
        },
        "foreground": {
          "$type": "color",
          "$value": "{mds.dimmed.5}"
        },
        "border": {
          "$type": "color",
          "$value": "{mds.dimmed.4}"
        }
      },
      "required": {
        "background": {
          "$type": "color",
          "$value": "{mds.highlight.warning.background}"
        },
        "foreground": {
          "$type": "color",
          "$value": "{mds.highlight.warning.foreground}"
        },
        "border": {
          "$type": "color",
          "$value": "{mds.colors.border.warning}"
        }
      },
      "error": {
        "background": {
          "$type": "color",
          "$value": "{mds.dimmed.default}"
        },
        "foreground": {
          "$type": "color",
          "$value": "{mds.colors.foreground.main}"
        },
        "border": {
          "$type": "color",
          "$value": "{mds.colors.border.error}"
        }
      },
      "valid": {
        "background": {
          "$type": "color",
          "$value": "{mds.dimmed.default}"
        },
        "foreground": {
          "$type": "color",
          "$value": "{mds.colors.foreground.main}"
        },
        "border": {
          "$type": "color",
          "$value": "{mds.colors.secondary.dark}"
        }
      }
    },
    "highlight": {
      "neutral": {
        "background": {
          "$type": "color",
          "$value": "{mds.dimmed.2}"
        },
        "foreground": {
          "$type": "color",
          "$value": "{mds.dimmed.6}"
        },
        "solid-background": {
          "$type": "color",
          "$value": "{mds.dimmed.6}"
        },
        "solid-foreground": {
          "$type": "color",
          "$value": "{mds.dimmed.1}"
        }
      },
      "warning": {
        "background": {
          "$type": "color",
          "$value": "{mds.colors.warning.lighter}"
        },
        "foreground": {
          "$type": "color",
          "$value": "{mds.colors.warning.on-lighter}"
        },
        "solid-background": {
          "$type": "color",
          "$value": "{mds.colors.warning.main}"
        },
        "solid-foreground": {
          "$type": "color",
          "$value": "{mds.colors.warning.on-main}"
        }
      },
      "success": {
        "background": {
          "$type": "color",
          "$value": "{mds.colors.success.lighter}"
        },
        "foreground": {
          "$type": "color",
          "$value": "{mds.colors.success.on-lighter}"
        },
        "solid-background": {
          "$type": "color",
          "$value": "{mds.colors.success.main}"
        },
        "solid-foreground": {
          "$type": "color",
          "$value": "{mds.colors.success.on-main}"
        }
      },
      "info": {
        "background": {
          "$type": "color",
          "$value": "{mds.colors.info.lighter}"
        },
        "foreground": {
          "$type": "color",
          "$value": "{mds.colors.info.on-lighter}"
        },
        "solid-background": {
          "$type": "color",
          "$value": "{mds.colors.info.light}"
        },
        "solid-foreground": {
          "$type": "color",
          "$value": "{mds.colors.info.on-light}"
        }
      },
      "danger": {
        "background": {
          "$type": "color",
          "$value": "{mds.colors.danger.lighter}"
        },
        "foreground": {
          "$type": "color",
          "$value": "{mds.colors.danger.on-lighter}"
        },
        "solid-background": {
          "$type": "color",
          "$value": "{mds.colors.danger.main}"
        },
        "solid-foreground": {
          "$type": "color",
          "$value": "{mds.colors.danger.on-main}"
        }
      },
      "secondary": {
        "background": {
          "$type": "color",
          "$value": "{mds.colors.secondary.lighter}"
        },
        "foreground": {
          "$type": "color",
          "$value": "{mds.colors.secondary.on-lighter}"
        },
        "solid-background": {
          "$type": "color",
          "$value": "{mds.colors.secondary.main}"
        },
        "solid-foreground": {
          "$type": "color",
          "$value": "{mds.colors.secondary.on-main}"
        }
      },
      "primary": {
        "background": {
          "$type": "color",
          "$value": "{mds.colors.primary.lighter}"
        },
        "foreground": {
          "$type": "color",
          "$value": "{mds.colors.primary.on-lighter}"
        },
        "solid-background": {
          "$type": "color",
          "$value": "{mds.colors.primary.main}"
        },
        "solid-foreground": {
          "$type": "color",
          "$value": "{mds.colors.primary.on-main}"
        }
      },
      "accent": {
        "background": {
          "$type": "color",
          "$value": "{mds.highlight.primary.background}"
        },
        "foreground": {
          "$type": "color",
          "$value": "{mds.highlight.primary.foreground}"
        },
        "solid-background": {
          "$type": "color",
          "$value": "{mds.highlight.primary.solid-background}"
        },
        "solid-foreground": {
          "$type": "color",
          "$value": "{mds.highlight.primary.solid-foreground}"
        }
      }
    },
    "buttons": {
      "primary": {
        "contained-foreground": {
          "$type": "color",
          "$value": "{mds.colors.primary.on-main}"
        },
        "contained-background": {
          "$type": "color",
          "$value": "{mds.colors.primary.main}"
        },
        "contained-border": {
          "$type": "color",
          "$value": "{mds.colors.primary.dark}"
        },
        "contained-hover-foreground": {
          "$type": "color",
          "$value": "{mds.colors.primary.on-dark}"
        },
        "contained-hover-background": {
          "$type": "color",
          "$value": "{mds.colors.primary.dark}"
        },
        "contained-hover-border": {
          "$type": "color",
          "$value": "{mds.colors.primary.darker}"
        },
        "contained-active-foreground": {
          "$type": "color",
          "$value": "{mds.colors.primary.on-darker}"
        },
        "contained-active-background": {
          "$type": "color",
          "$value": "{mds.colors.primary.darker}"
        },
        "contained-active-border": {
          "$type": "color",
          "$value": "{mds.colors.background.shadow}"
        },
        "outlined-foreground": {
          "$type": "color",
          "$value": "{mds.colors.primary.main}"
        },
        "outlined-background": {
          "$type": "color",
          "$value": "{mds.colors.background.light}"
        },
        "outlined-border": {
          "$type": "color",
          "$value": "{mds.colors.primary.main}"
        },
        "outlined-hover-foreground": {
          "$type": "color",
          "$value": "{mds.colors.primary.dark}"
        },
        "outlined-hover-background": {
          "$type": "color",
          "$value": "{mds.colors.primary.lighter}"
        },
        "outlined-hover-border": {
          "$type": "color",
          "$value": "{mds.colors.primary.dark}"
        },
        "outlined-active-foreground": {
          "$type": "color",
          "$value": "{mds.colors.primary.darker}"
        },
        "outlined-active-background": {
          "$type": "color",
          "$value": "{mds.colors.background.dark}"
        },
        "outlined-active-border": {
          "$type": "color",
          "$value": "{mds.colors.background.shadow}"
        },
        "focus": {
          "$type": "color",
          "$value": "{mds.colors.primary.light}"
        }
      },
      "secondary": {
        "contained-foreground": {
          "$type": "color",
          "$value": "{mds.colors.secondary.on-main}"
        },
        "contained-background": {
          "$type": "color",
          "$value": "{mds.colors.secondary.main}"
        },
        "contained-border": {
          "$type": "color",
          "$value": "{mds.colors.secondary.dark}"
        },
        "contained-hover-foreground": {
          "$type": "color",
          "$value": "{mds.colors.secondary.on-dark}"
        },
        "contained-hover-background": {
          "$type": "color",
          "$value": "{mds.colors.secondary.dark}"
        },
        "contained-hover-border": {
          "$type": "color",
          "$value": "{mds.colors.secondary.darker}"
        },
        "contained-active-foreground": {
          "$type": "color",
          "$value": "{mds.colors.secondary.on-darker}"
        },
        "contained-active-background": {
          "$type": "color",
          "$value": "{mds.colors.secondary.darker}"
        },
        "contained-active-border": {
          "$type": "color",
          "$value": "{mds.colors.background.shadow}"
        },
        "outlined-foreground": {
          "$type": "color",
          "$value": "{mds.colors.secondary.main}"
        },
        "outlined-background": {
          "$type": "color",
          "$value": "{mds.colors.background.light}"
        },
        "outlined-border": {
          "$type": "color",
          "$value": "{mds.colors.secondary.main}"
        },
        "outlined-hover-foreground": {
          "$type": "color",
          "$value": "{mds.colors.secondary.dark}"
        },
        "outlined-hover-background": {
          "$type": "color",
          "$value": "{mds.colors.secondary.lighter}"
        },
        "outlined-hover-border": {
          "$type": "color",
          "$value": "{mds.colors.secondary.dark}"
        },
        "outlined-active-foreground": {
          "$type": "color",
          "$value": "{mds.colors.secondary.darker}"
        },
        "outlined-active-background": {
          "$type": "color",
          "$value": "{mds.colors.background.dark}"
        },
        "outlined-active-border": {
          "$type": "color",
          "$value": "{mds.colors.background.shadow}"
        },
        "focus": {
          "$type": "color",
          "$value": "{mds.colors.secondary.light}"
        }
      },
      "danger": {
        "contained-foreground": {
          "$type": "color",
          "$value": "{mds.colors.danger.on-main}"
        },
        "contained-background": {
          "$type": "color",
          "$value": "{mds.colors.danger.main}"
        },
        "contained-border": {
          "$type": "color",
          "$value": "{mds.colors.danger.dark}"
        },
        "contained-hover-foreground": {
          "$type": "color",
          "$value": "{mds.colors.danger.on-dark}"
        },
        "contained-hover-background": {
          "$type": "color",
          "$value": "{mds.colors.danger.dark}"
        },
        "contained-hover-border": {
          "$type": "color",
          "$value": "{mds.colors.danger.darker}"
        },
        "contained-active-foreground": {
          "$type": "color",
          "$value": "{mds.colors.danger.on-darker}"
        },
        "contained-active-background": {
          "$type": "color",
          "$value": "{mds.colors.danger.darker}"
        },
        "contained-active-border": {
          "$type": "color",
          "$value": "{mds.colors.background.shadow}"
        },
        "outlined-foreground": {
          "$type": "color",
          "$value": "{mds.colors.danger.main}"
        },
        "outlined-background": {
          "$type": "color",
          "$value": "{mds.colors.background.light}"
        },
        "outlined-border": {
          "$type": "color",
          "$value": "{mds.colors.danger.main}"
        },
        "outlined-hover-foreground": {
          "$type": "color",
          "$value": "{mds.colors.danger.dark}"
        },
        "outlined-hover-background": {
          "$type": "color",
          "$value": "{mds.colors.danger.lighter}"
        },
        "outlined-hover-border": {
          "$type": "color",
          "$value": "{mds.colors.danger.dark}"
        },
        "outlined-active-foreground": {
          "$type": "color",
          "$value": "{mds.colors.danger.darker}"
        },
        "outlined-active-background": {
          "$type": "color",
          "$value": "{mds.colors.background.dark}"
        },
        "outlined-active-border": {
          "$type": "color",
          "$value": "{mds.colors.background.shadow}"
        },
        "focus": {
          "$type": "color",
          "$value": "{mds.colors.danger.light}"
        }
      },
      "warning": {
        "contained-foreground": {
          "$type": "color",
          "$value": "{mds.colors.warning.on-main}"
        },
        "contained-background": {
          "$type": "color",
          "$value": "{mds.colors.warning.main}"
        },
        "contained-border": {
          "$type": "color",
          "$value": "{mds.colors.warning.dark}"
        },
        "contained-hover-foreground": {
          "$type": "color",
          "$value": "{mds.colors.warning.on-dark}"
        },
        "contained-hover-background": {
          "$type": "color",
          "$value": "{mds.colors.warning.dark}"
        },
        "contained-hover-border": {
          "$type": "color",
          "$value": "{mds.colors.warning.darker}"
        },
        "contained-active-foreground": {
          "$type": "color",
          "$value": "{mds.colors.warning.on-darker}"
        },
        "contained-active-background": {
          "$type": "color",
          "$value": "{mds.colors.warning.darker}"
        },
        "contained-active-border": {
          "$type": "color",
          "$value": "{mds.colors.background.shadow}"
        },
        "outlined-foreground": {
          "$type": "color",
          "$value": "{mds.colors.warning.dark}"
        },
        "outlined-background": {
          "$type": "color",
          "$value": "{mds.colors.background.light}"
        },
        "outlined-border": {
          "$type": "color",
          "$value": "{mds.colors.warning.main}"
        },
        "outlined-hover-foreground": {
          "$type": "color",
          "$value": "{mds.colors.warning.dark}"
        },
        "outlined-hover-background": {
          "$type": "color",
          "$value": "{mds.colors.warning.lighter}"
        },
        "outlined-hover-border": {
          "$type": "color",
          "$value": "{mds.colors.warning.main}"
        },
        "outlined-active-foreground": {
          "$type": "color",
          "$value": "{mds.colors.warning.darker}"
        },
        "outlined-active-background": {
          "$type": "color",
          "$value": "{mds.colors.background.dark}"
        },
        "outlined-active-border": {
          "$type": "color",
          "$value": "{mds.colors.background.shadow}"
        },
        "focus": {
          "$type": "color",
          "$value": "{mds.colors.warning.light}"
        }
      },
      "success": {
        "contained-foreground": {
          "$type": "color",
          "$value": "{mds.colors.success.on-main}"
        },
        "contained-background": {
          "$type": "color",
          "$value": "{mds.colors.success.main}"
        },
        "contained-border": {
          "$type": "color",
          "$value": "{mds.colors.success.dark}"
        },
        "contained-hover-foreground": {
          "$type": "color",
          "$value": "{mds.colors.success.on-dark}"
        },
        "contained-hover-background": {
          "$type": "color",
          "$value": "{mds.colors.success.dark}"
        },
        "contained-hover-border": {
          "$type": "color",
          "$value": "{mds.colors.success.darker}"
        },
        "contained-active-foreground": {
          "$type": "color",
          "$value": "{mds.colors.success.on-darker}"
        },
        "contained-active-background": {
          "$type": "color",
          "$value": "{mds.colors.success.darker}"
        },
        "contained-active-border": {
          "$type": "color",
          "$value": "{mds.colors.background.shadow}"
        },
        "outlined-foreground": {
          "$type": "color",
          "$value": "{mds.colors.success.dark}"
        },
        "outlined-background": {
          "$type": "color",
          "$value": "{mds.colors.background.light}"
        },
        "outlined-border": {
          "$type": "color",
          "$value": "{mds.colors.success.main}"
        },
        "outlined-hover-foreground": {
          "$type": "color",
          "$value": "{mds.colors.success.dark}"
        },
        "outlined-hover-background": {
          "$type": "color",
          "$value": "{mds.colors.success.lighter}"
        },
        "outlined-hover-border": {
          "$type": "color",
          "$value": "{mds.colors.success.main}"
        },
        "outlined-active-foreground": {
          "$type": "color",
          "$value": "{mds.colors.success.darker}"
        },
        "outlined-active-background": {
          "$type": "color",
          "$value": "{mds.colors.background.dark}"
        },
        "outlined-active-border": {
          "$type": "color",
          "$value": "{mds.colors.background.shadow}"
        },
        "focus": {
          "$type": "color",
          "$value": "{mds.colors.success.light}"
        }
      },
      "info": {
        "contained-foreground": {
          "$type": "color",
          "$value": "{mds.colors.info.on-main}"
        },
        "contained-background": {
          "$type": "color",
          "$value": "{mds.colors.info.main}"
        },
        "contained-border": {
          "$type": "color",
          "$value": "{mds.colors.info.dark}"
        },
        "contained-hover-foreground": {
          "$type": "color",
          "$value": "{mds.colors.info.on-dark}"
        },
        "contained-hover-background": {
          "$type": "color",
          "$value": "{mds.colors.info.dark}"
        },
        "contained-hover-border": {
          "$type": "color",
          "$value": "{mds.colors.info.darker}"
        },
        "contained-active-foreground": {
          "$type": "color",
          "$value": "{mds.colors.info.on-darker}"
        },
        "contained-active-background": {
          "$type": "color",
          "$value": "{mds.colors.info.darker}"
        },
        "contained-active-border": {
          "$type": "color",
          "$value": "{mds.colors.background.shadow}"
        },
        "outlined-foreground": {
          "$type": "color",
          "$value": "{mds.colors.info.main}"
        },
        "outlined-background": {
          "$type": "color",
          "$value": "{mds.colors.background.light}"
        },
        "outlined-border": {
          "$type": "color",
          "$value": "{mds.colors.info.main}"
        },
        "outlined-hover-foreground": {
          "$type": "color",
          "$value": "{mds.colors.info.dark}"
        },
        "outlined-hover-background": {
          "$type": "color",
          "$value": "{mds.colors.info.lighter}"
        },
        "outlined-hover-border": {
          "$type": "color",
          "$value": "{mds.colors.info.dark}"
        },
        "outlined-active-foreground": {
          "$type": "color",
          "$value": "{mds.colors.info.darker}"
        },
        "outlined-active-background": {
          "$type": "color",
          "$value": "{mds.colors.background.dark}"
        },
        "outlined-active-border": {
          "$type": "color",
          "$value": "{mds.colors.background.shadow}"
        },
        "focus": {
          "$type": "color",
          "$value": "{mds.colors.info.light}"
        }
      },
      "control": {
        "contained-foreground": {
          "$type": "color",
          "$value": "{mds.colors.primary.darker}"
        },
        "contained-background": {
          "$type": "color",
          "$value": "{mds.colors.background.dark}"
        },
        "contained-border": {
          "$type": "color",
          "$value": "{mds.colors.border.dark}"
        },
        "contained-hover-foreground": {
          "$type": "color",
          "$value": "{mds.colors.primary.dark}"
        },
        "contained-hover-background": {
          "$type": "color",
          "$value": "{mds.colors.background.primary}"
        },
        "contained-hover-border": {
          "$type": "color",
          "$value": "{mds.colors.primary.light}"
        },
        "contained-active-foreground": {
          "$type": "color",
          "$value": "{mds.colors.primary.darker}"
        },
        "contained-active-background": {
          "$type": "color",
          "$value": "{mds.colors.background.dark}"
        },
        "contained-active-border": {
          "$type": "color",
          "$value": "{mds.colors.border.dark}"
        },
        "outlined-foreground": {
          "$type": "color",
          "$value": "{mds.colors.primary.darker}"
        },
        "outlined-background": {
          "$type": "color",
          "$value": "{mds.colors.background.light}"
        },
        "outlined-border": {
          "$type": "color",
          "$value": "{mds.colors.border.dark}"
        },
        "outlined-hover-foreground": {
          "$type": "color",
          "$value": "{mds.colors.primary.dark}"
        },
        "outlined-hover-background": {
          "$type": "color",
          "$value": "{mds.colors.background.primary}"
        },
        "outlined-hover-border": {
          "$type": "color",
          "$value": "{mds.colors.primary.light}"
        },
        "outlined-active-foreground": {
          "$type": "color",
          "$value": "{mds.colors.primary.darker}"
        },
        "outlined-active-background": {
          "$type": "color",
          "$value": "{mds.colors.background.dark}"
        },
        "outlined-active-border": {
          "$type": "color",
          "$value": "{mds.colors.border.dark}"
        },
        "focus": {
          "$type": "color",
          "$value": "{mds.colors.primary.light}"
        }
      }
    },
    "menu": {
      "background": {
        "$type": "color",
        "$value": "{mds.colors.background.main}"
      },
      "foreground": {
        "$type": "color",
        "$value": "{mds.colors.foreground.main}"
      },
      "header-background": {
        "$type": "color",
        "$value": "{mds.menu.background}"
      },
      "dimmed-background": {
        "$type": "color",
        "$value": "{mds.colors.background.dark}"
      },
      "dimmed-foreground": {
        "$type": "color",
        "$value": "{mds.colors.foreground.dark}"
      },
      "item-background": {
        "$type": "color",
        "$value": "{mds.item.background}"
      },
      "item-foreground": {
        "$type": "color",
        "$value": "{mds.item.foreground}"
      },
      "item-hover-background": {
        "$type": "color",
        "$value": "{mds.item.hover-background}"
      },
      "item-hover-foreground": {
        "$type": "color",
        "$value": "{mds.item.hover-foreground}"
      },
      "item-active-background": {
        "$type": "color",
        "$value": "{mds.menu.dimmed-background}"
      },
      "item-active-foreground": {
        "$type": "color",
        "$value": "{mds.item.active-foreground}"
      }
    },
    "breakpoint": {
      "xs": {
        "$type": "dimension",
        "$value": {
          "value": 0,
          "unit": "px"
        }
      },
      "sm": {
        "$type": "dimension",
        "$value": {
          "value": 576,
          "unit": "px"
        }
      },
      "md": {
        "$type": "dimension",
        "$value": {
          "value": 768,
          "unit": "px"
        }
      },
      "lg": {
        "$type": "dimension",
        "$value": {
          "value": 992,
          "unit": "px"
        }
      },
      "xl": {
        "$type": "dimension",
        "$value": {
          "value": 1200,
          "unit": "px"
        }
      },
      "xxxl": {
        "$type": "dimension",
        "$value": {
          "value": 1920,
          "unit": "px"
        }
      }
    }
  }
}