{
  "$description": "Mobiis Design System — sobrescritas do tema [data-theme=\"dark\"]; aplicar sobre mds.tokens.json.",
  "mds": {
    "colors": {
      "palettes": {
        "brand": {
          "lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0392,
                0.051,
                0.1373
              ],
              "hex": "#0a0d23"
            }
          },
          "on-lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9765,
                0.9765,
                0.9882
              ],
              "hex": "#f9f9fc"
            }
          },
          "light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0784,
                0.102,
                0.2745
              ],
              "hex": "#141a46"
            }
          },
          "dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.5765,
                0.6039,
                0.7725
              ],
              "hex": "#939ac5"
            }
          },
          "darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.7882,
                0.8,
                0.8863
              ],
              "hex": "#c9cce2"
            }
          },
          "on-darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0039,
                0.0078,
                0.0157
              ],
              "hex": "#010204"
            }
          }
        },
        "brand-mobiis": {
          "lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0627,
                0.1333,
                0.2471
              ],
              "hex": "#10223f"
            }
          },
          "on-lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9765,
                0.9843,
                1
              ],
              "hex": "#f9fbff"
            }
          },
          "light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.1255,
                0.2706,
                0.4902
              ],
              "hex": "#20457d"
            }
          },
          "on-light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9765,
                0.9843,
                1
              ],
              "hex": "#f9fbff"
            }
          },
          "main": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.1882,
                0.4078,
                0.7333
              ],
              "hex": "#3068bb"
            }
          },
          "dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.4392,
                0.6549,
                0.9843
              ],
              "hex": "#70a7fb"
            }
          },
          "on-dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0078,
                0.0157,
                0.0275
              ],
              "hex": "#020407"
            }
          },
          "darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.6275,
                0.7686,
                0.9922
              ],
              "hex": "#a0c4fd"
            }
          },
          "on-darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0078,
                0.0157,
                0.0275
              ],
              "hex": "#020407"
            }
          }
        },
        "blue": {
          "lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.1333,
                0.2157
              ],
              "hex": "#002237"
            }
          },
          "on-lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9686,
                0.9843,
                0.9961
              ],
              "hex": "#f7fbfe"
            }
          },
          "light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.2667,
                0.4314
              ],
              "hex": "#00446e"
            }
          },
          "on-light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9686,
                0.9843,
                0.9961
              ],
              "hex": "#f7fbfe"
            }
          },
          "dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.502,
                0.7647,
                0.9294
              ],
              "hex": "#80c3ed"
            }
          },
          "on-dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.0157,
                0.0275
              ],
              "hex": "#000407"
            }
          },
          "darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.749,
                0.8824,
                0.9647
              ],
              "hex": "#bfe1f6"
            }
          },
          "on-darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.0157,
                0.0275
              ],
              "hex": "#000407"
            }
          }
        },
        "teal": {
          "lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.2157,
                0.2157
              ],
              "hex": "#003737"
            }
          },
          "on-lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9686,
                0.9961,
                0.9961
              ],
              "hex": "#f7fefe"
            }
          },
          "light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.4314,
                0.4314
              ],
              "hex": "#006e6e"
            }
          },
          "on-light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9686,
                0.9961,
                0.9961
              ],
              "hex": "#f7fefe"
            }
          },
          "main": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.6431,
                0.6431
              ],
              "hex": "#00a4a4"
            }
          },
          "on-main": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9686,
                0.9961,
                0.9961
              ],
              "hex": "#f7fefe"
            }
          },
          "dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.251,
                0.8941,
                0.8941
              ],
              "hex": "#40e4e4"
            }
          },
          "on-dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.0275,
                0.0275
              ],
              "hex": "#000707"
            }
          },
          "darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.502,
                0.9294,
                0.9294
              ],
              "hex": "#80eded"
            }
          },
          "on-darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.0275,
                0.0275
              ],
              "hex": "#000707"
            }
          }
        },
        "aqua": {
          "lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.2353,
                0.1804
              ],
              "hex": "#003c2e"
            }
          },
          "on-lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9686,
                1,
                0.9922
              ],
              "hex": "#f7fffd"
            }
          },
          "light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.4706,
                0.3608
              ],
              "hex": "#00785c"
            }
          },
          "on-light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9686,
                1,
                0.9922
              ],
              "hex": "#f7fffd"
            }
          },
          "dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.251,
                0.9569,
                0.7922
              ],
              "hex": "#40f4ca"
            }
          },
          "on-dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.0275,
                0.0235
              ],
              "hex": "#000706"
            }
          },
          "darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.502,
                0.9725,
                0.8627
              ],
              "hex": "#80f8dc"
            }
          },
          "on-darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.0275,
                0.0235
              ],
              "hex": "#000706"
            }
          }
        },
        "green": {
          "lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.1961,
                0.0039
              ],
              "hex": "#003201"
            }
          },
          "on-lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9686,
                0.9922,
                0.9686
              ],
              "hex": "#f7fdf7"
            }
          },
          "light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.3922,
                0.0078
              ],
              "hex": "#006402"
            }
          },
          "on-light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9686,
                0.9922,
                0.9686
              ],
              "hex": "#f7fdf7"
            }
          },
          "main": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.5843,
                0.0078
              ],
              "hex": "#009502"
            }
          },
          "on-main": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9686,
                0.9922,
                0.9686
              ],
              "hex": "#f7fdf7"
            }
          },
          "dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.251,
                0.8353,
                0.2588
              ],
              "hex": "#40d542"
            }
          },
          "on-dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.0235,
                0
              ],
              "hex": "#000600"
            }
          },
          "darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.502,
                0.8902,
                0.5059
              ],
              "hex": "#80e381"
            }
          },
          "on-darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.0235,
                0
              ],
              "hex": "#000600"
            }
          }
        },
        "yellow": {
          "lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.2353,
                0.1922,
                0
              ],
              "hex": "#3c3100"
            }
          },
          "on-lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                1,
                0.9922,
                0.9686
              ],
              "hex": "#fffdf7"
            }
          },
          "light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.4706,
                0.3843,
                0
              ],
              "hex": "#786200"
            }
          },
          "on-light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                1,
                0.9922,
                0.9686
              ],
              "hex": "#fffdf7"
            }
          },
          "dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9569,
                0.8275,
                0.251
              ],
              "hex": "#f4d340"
            }
          },
          "on-dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0275,
                0.0235,
                0
              ],
              "hex": "#070600"
            }
          },
          "darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9725,
                0.8863,
                0.502
              ],
              "hex": "#f8e280"
            }
          },
          "on-darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0275,
                0.0235,
                0
              ],
              "hex": "#070600"
            }
          }
        },
        "orange": {
          "lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.2353,
                0.1176,
                0
              ],
              "hex": "#3c1e00"
            }
          },
          "on-lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                1,
                0.9843,
                0.9686
              ],
              "hex": "#fffbf7"
            }
          },
          "light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.4706,
                0.2353,
                0
              ],
              "hex": "#783c00"
            }
          },
          "on-light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                1,
                0.9843,
                0.9686
              ],
              "hex": "#fffbf7"
            }
          },
          "main": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.7059,
                0.3529,
                0
              ],
              "hex": "#b45a00"
            }
          },
          "dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9569,
                0.6039,
                0.251
              ],
              "hex": "#f49a40"
            }
          },
          "on-dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0275,
                0.0157,
                0
              ],
              "hex": "#070400"
            }
          },
          "darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9725,
                0.7373,
                0.502
              ],
              "hex": "#f8bc80"
            }
          },
          "on-darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0275,
                0.0157,
                0
              ],
              "hex": "#070400"
            }
          }
        },
        "red": {
          "lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.2235,
                0.0471,
                0
              ],
              "hex": "#390c00"
            }
          },
          "on-lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9961,
                0.9765,
                0.9686
              ],
              "hex": "#fef9f7"
            }
          },
          "light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.451,
                0.098,
                0
              ],
              "hex": "#731900"
            }
          },
          "on-light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9961,
                0.9765,
                0.9686
              ],
              "hex": "#fef9f7"
            }
          },
          "dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.949,
                0.6,
                0.502
              ],
              "hex": "#f29980"
            }
          },
          "on-dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0275,
                0.0078,
                0
              ],
              "hex": "#070200"
            }
          },
          "darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9765,
                0.8,
                0.749
              ],
              "hex": "#f9ccbf"
            }
          },
          "on-darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0275,
                0.0078,
                0
              ],
              "hex": "#070200"
            }
          }
        },
        "pink": {
          "lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.251,
                0,
                0.1137
              ],
              "hex": "#40001d"
            }
          },
          "on-lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                1,
                0.9686,
                0.9843
              ],
              "hex": "#fff7fb"
            }
          },
          "light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.502,
                0,
                0.2275
              ],
              "hex": "#80003a"
            }
          },
          "on-light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                1,
                0.9686,
                0.9843
              ],
              "hex": "#fff7fb"
            }
          },
          "dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                1,
                0.502,
                0.7255
              ],
              "hex": "#ff80b9"
            }
          },
          "on-dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0314,
                0,
                0.0118
              ],
              "hex": "#080003"
            }
          },
          "darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                1,
                0.749,
                0.8627
              ],
              "hex": "#ffbfdc"
            }
          },
          "on-darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0314,
                0,
                0.0118
              ],
              "hex": "#080003"
            }
          }
        },
        "gray": {
          "lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0314,
                0.0627,
                0.1098
              ],
              "hex": "#08101c"
            }
          },
          "on-lighter": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9961,
                0.9961,
                0.9961
              ],
              "hex": "#fefefe"
            }
          },
          "light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.1333,
                0.1765,
                0.2431
              ],
              "hex": "#222d3e"
            }
          },
          "on-light": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9961,
                0.9961,
                0.9961
              ],
              "hex": "#fefefe"
            }
          },
          "main": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.3765,
                0.4275,
                0.502
              ],
              "hex": "#606d80"
            }
          },
          "on-main": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.9961,
                0.9961,
                0.9961
              ],
              "hex": "#fefefe"
            }
          },
          "dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.6353,
                0.6784,
                0.749
              ],
              "hex": "#a2adbf"
            }
          },
          "on-dark": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0235,
                0.0235,
                0.0275
              ],
              "hex": "#060607"
            }
          },
          "darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.8196,
                0.8471,
                0.8863
              ],
              "hex": "#d1d8e2"
            }
          },
          "on-darker": {
            "$type": "color",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.0235,
                0.0235,
                0.0275
              ],
              "hex": "#060607"
            }
          }
        }
      },
      "gray": {
        "0": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.0706,
              0.1098,
              0.1686
            ],
            "hex": "#121c2b"
          }
        },
        "50": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.0314,
              0.0627,
              0.1098
            ],
            "hex": "#08101c"
          }
        },
        "100": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.0431,
              0.0784,
              0.1294
            ],
            "hex": "#0b1421"
          }
        },
        "200": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.1333,
              0.1765,
              0.2431
            ],
            "hex": "#222d3e"
          }
        },
        "300": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.1725,
              0.2157,
              0.2863
            ],
            "hex": "#2c3749"
          }
        },
        "400": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.3765,
              0.4275,
              0.502
            ],
            "hex": "#606d80"
          }
        },
        "500": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.6353,
              0.6784,
              0.749
            ],
            "hex": "#a2adbf"
          }
        },
        "600": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.8196,
              0.8471,
              0.8863
            ],
            "hex": "#d1d8e2"
          }
        },
        "700": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.9373,
              0.949,
              0.9686
            ],
            "hex": "#eff2f7"
          }
        },
        "800": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.9529,
              0.9569,
              0.9647
            ],
            "hex": "#f3f4f6"
          }
        },
        "900": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.9804,
              0.9843,
              0.9882
            ],
            "hex": "#fafbfc"
          }
        }
      },
      "foreground": {
        "primary": {
          "$type": "color",
          "$value": "{mds.colors.primary.darker}"
        },
        "secondary": {
          "$type": "color",
          "$value": "{mds.colors.secondary.darker}"
        },
        "error": {
          "$type": "color",
          "$value": "{mds.colors.danger.darker}"
        },
        "warning": {
          "$type": "color",
          "$value": "{mds.colors.warning.darker}"
        },
        "success": {
          "$type": "color",
          "$value": "{mds.colors.success.darker}"
        },
        "blue": {
          "$type": "color",
          "$value": "{mds.colors.palettes.blue.darker}"
        },
        "green": {
          "$type": "color",
          "$value": "{mds.colors.palettes.green.darker}"
        },
        "orange": {
          "$type": "color",
          "$value": "{mds.colors.palettes.orange.darker}"
        },
        "pink": {
          "$type": "color",
          "$value": "{mds.colors.palettes.pink.darker}"
        },
        "red": {
          "$type": "color",
          "$value": "{mds.colors.palettes.red.darker}"
        },
        "yellow": {
          "$type": "color",
          "$value": "{mds.colors.palettes.yellow.darker}"
        }
      },
      "border": {
        "dark": {
          "$type": "color",
          "$value": "{mds.dimmed.4}"
        },
        "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.dark}"
        },
        "success": {
          "$type": "color",
          "$value": "{mds.colors.success.dark}"
        },
        "aqua": {
          "$type": "color",
          "$value": "{mds.colors.palettes.aqua.dark}"
        },
        "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.dark}"
        },
        "yellow": {
          "$type": "color",
          "$value": "{mds.colors.palettes.yellow.dark}"
        }
      },
      "ui": {
        "interactive-text": {
          "$type": "color",
          "$value": "{mds.colors.primary.dark}"
        },
        "interactive-hover-text": {
          "$type": "color",
          "$value": "{mds.colors.primary.darker}"
        },
        "interactive-disabled-text": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.2549,
              0.3804,
              0.5765
            ],
            "hex": "#416193"
          },
          "$extensions": {
            "com.mobiis.mds": {
              "css": "color-mix(in srgb, var(--mds-colors-primary-dark) 50%, var(--mds-dimmed-default))"
            }
          }
        }
      },
      "background": {
        "shadow": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0,
              0,
              0
            ],
            "alpha": 0.5,
            "hex": "#000000"
          }
        },
        "transparency": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0,
              0,
              0
            ],
            "alpha": 0.6,
            "hex": "#000000"
          }
        }
      }
    },
    "dimmed": {
      "0": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0314,
            0.0627,
            0.1098
          ],
          "hex": "#08101c"
        }
      },
      "1": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0431,
            0.0784,
            0.1294
          ],
          "hex": "#0b1421"
        }
      },
      "2": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1333,
            0.1765,
            0.2431
          ],
          "hex": "#222d3e"
        }
      },
      "3": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1725,
            0.2157,
            0.2863
          ],
          "hex": "#2c3749"
        }
      },
      "4": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.3765,
            0.4275,
            0.502
          ],
          "hex": "#606d80"
        }
      },
      "5": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.6353,
            0.6784,
            0.749
          ],
          "hex": "#a2adbf"
        }
      },
      "6": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.8196,
            0.8471,
            0.8863
          ],
          "hex": "#d1d8e2"
        }
      },
      "7": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9373,
            0.949,
            0.9686
          ],
          "hex": "#eff2f7"
        }
      },
      "default": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0706,
            0.1098,
            0.1686
          ],
          "hex": "#121c2b"
        }
      }
    },
    "control": {
      "hover": {
        "border": {
          "$type": "color",
          "$value": "{mds.colors.primary.dark}"
        }
      },
      "active": {
        "border": {
          "$type": "color",
          "$value": "{mds.colors.primary.dark}"
        }
      }
    },
    "buttons": {
      "primary": {
        "contained-border": {
          "$type": "color",
          "$value": "{mds.colors.primary.light}"
        },
        "contained-hover-foreground": {
          "$type": "color",
          "$value": "{mds.colors.primary.on-light}"
        },
        "contained-hover-background": {
          "$type": "color",
          "$value": "{mds.colors.primary.light}"
        },
        "contained-hover-border": {
          "$type": "color",
          "$value": "{mds.colors.primary.lighter}"
        },
        "contained-active-foreground": {
          "$type": "color",
          "$value": "{mds.colors.primary.on-lighter}"
        },
        "contained-active-background": {
          "$type": "color",
          "$value": "{mds.colors.primary.lighter}"
        },
        "contained-active-border": {
          "$type": "color",
          "$value": "{mds.dimmed.0}"
        },
        "outlined-foreground": {
          "$type": "color",
          "$value": "{mds.colors.primary.dark}"
        },
        "outlined-background": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0,
              0,
              0
            ],
            "alpha": 0,
            "hex": "#000000"
          }
        },
        "outlined-border": {
          "$type": "color",
          "$value": "{mds.colors.primary.dark}"
        },
        "outlined-hover-foreground": {
          "$type": "color",
          "$value": "{mds.colors.primary.darker}"
        },
        "focus": {
          "$type": "color",
          "$value": "{mds.colors.primary.dark}"
        }
      },
      "secondary": {
        "contained-border": {
          "$type": "color",
          "$value": "{mds.colors.secondary.light}"
        },
        "contained-hover-foreground": {
          "$type": "color",
          "$value": "{mds.colors.secondary.on-light}"
        },
        "contained-hover-background": {
          "$type": "color",
          "$value": "{mds.colors.secondary.light}"
        },
        "contained-hover-border": {
          "$type": "color",
          "$value": "{mds.colors.secondary.lighter}"
        },
        "contained-active-foreground": {
          "$type": "color",
          "$value": "{mds.colors.secondary.on-lighter}"
        },
        "contained-active-background": {
          "$type": "color",
          "$value": "{mds.colors.secondary.lighter}"
        },
        "contained-active-border": {
          "$type": "color",
          "$value": "{mds.dimmed.0}"
        },
        "outlined-foreground": {
          "$type": "color",
          "$value": "{mds.colors.secondary.dark}"
        },
        "outlined-background": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0,
              0,
              0
            ],
            "alpha": 0,
            "hex": "#000000"
          }
        },
        "outlined-border": {
          "$type": "color",
          "$value": "{mds.colors.secondary.dark}"
        },
        "outlined-hover-foreground": {
          "$type": "color",
          "$value": "{mds.colors.secondary.darker}"
        },
        "focus": {
          "$type": "color",
          "$value": "{mds.colors.secondary.dark}"
        }
      },
      "danger": {
        "contained-border": {
          "$type": "color",
          "$value": "{mds.colors.danger.light}"
        },
        "contained-hover-foreground": {
          "$type": "color",
          "$value": "{mds.colors.danger.on-light}"
        },
        "contained-hover-background": {
          "$type": "color",
          "$value": "{mds.colors.danger.light}"
        },
        "contained-hover-border": {
          "$type": "color",
          "$value": "{mds.colors.danger.lighter}"
        },
        "contained-active-foreground": {
          "$type": "color",
          "$value": "{mds.colors.danger.on-lighter}"
        },
        "contained-active-background": {
          "$type": "color",
          "$value": "{mds.colors.danger.lighter}"
        },
        "contained-active-border": {
          "$type": "color",
          "$value": "{mds.dimmed.0}"
        },
        "outlined-foreground": {
          "$type": "color",
          "$value": "{mds.colors.danger.dark}"
        },
        "outlined-background": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0,
              0,
              0
            ],
            "alpha": 0,
            "hex": "#000000"
          }
        },
        "outlined-border": {
          "$type": "color",
          "$value": "{mds.colors.danger.dark}"
        },
        "outlined-hover-foreground": {
          "$type": "color",
          "$value": "{mds.colors.danger.darker}"
        },
        "focus": {
          "$type": "color",
          "$value": "{mds.colors.danger.dark}"
        }
      },
      "warning": {
        "contained-border": {
          "$type": "color",
          "$value": "{mds.colors.warning.light}"
        },
        "contained-hover-foreground": {
          "$type": "color",
          "$value": "{mds.colors.warning.on-light}"
        },
        "contained-hover-background": {
          "$type": "color",
          "$value": "{mds.colors.warning.light}"
        },
        "contained-hover-border": {
          "$type": "color",
          "$value": "{mds.colors.warning.lighter}"
        },
        "contained-active-foreground": {
          "$type": "color",
          "$value": "{mds.colors.warning.on-lighter}"
        },
        "contained-active-background": {
          "$type": "color",
          "$value": "{mds.colors.warning.lighter}"
        },
        "contained-active-border": {
          "$type": "color",
          "$value": "{mds.dimmed.0}"
        },
        "outlined-background": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0,
              0,
              0
            ],
            "alpha": 0,
            "hex": "#000000"
          }
        },
        "outlined-border": {
          "$type": "color",
          "$value": "{mds.colors.warning.dark}"
        },
        "outlined-hover-foreground": {
          "$type": "color",
          "$value": "{mds.colors.warning.darker}"
        },
        "outlined-hover-border": {
          "$type": "color",
          "$value": "{mds.colors.warning.dark}"
        },
        "focus": {
          "$type": "color",
          "$value": "{mds.colors.warning.dark}"
        }
      },
      "success": {
        "contained-border": {
          "$type": "color",
          "$value": "{mds.colors.success.light}"
        },
        "contained-hover-foreground": {
          "$type": "color",
          "$value": "{mds.colors.success.on-light}"
        },
        "contained-hover-background": {
          "$type": "color",
          "$value": "{mds.colors.success.light}"
        },
        "contained-hover-border": {
          "$type": "color",
          "$value": "{mds.colors.success.lighter}"
        },
        "contained-active-foreground": {
          "$type": "color",
          "$value": "{mds.colors.success.on-lighter}"
        },
        "contained-active-background": {
          "$type": "color",
          "$value": "{mds.colors.success.lighter}"
        },
        "contained-active-border": {
          "$type": "color",
          "$value": "{mds.dimmed.0}"
        },
        "outlined-background": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0,
              0,
              0
            ],
            "alpha": 0,
            "hex": "#000000"
          }
        },
        "outlined-border": {
          "$type": "color",
          "$value": "{mds.colors.success.dark}"
        },
        "outlined-hover-foreground": {
          "$type": "color",
          "$value": "{mds.colors.success.darker}"
        },
        "outlined-hover-border": {
          "$type": "color",
          "$value": "{mds.colors.success.dark}"
        },
        "focus": {
          "$type": "color",
          "$value": "{mds.colors.success.dark}"
        }
      },
      "info": {
        "contained-border": {
          "$type": "color",
          "$value": "{mds.colors.info.light}"
        },
        "contained-hover-foreground": {
          "$type": "color",
          "$value": "{mds.colors.info.on-light}"
        },
        "contained-hover-background": {
          "$type": "color",
          "$value": "{mds.colors.info.light}"
        },
        "contained-hover-border": {
          "$type": "color",
          "$value": "{mds.colors.info.lighter}"
        },
        "contained-active-foreground": {
          "$type": "color",
          "$value": "{mds.colors.info.on-lighter}"
        },
        "contained-active-background": {
          "$type": "color",
          "$value": "{mds.colors.info.lighter}"
        },
        "contained-active-border": {
          "$type": "color",
          "$value": "{mds.dimmed.0}"
        },
        "outlined-foreground": {
          "$type": "color",
          "$value": "{mds.colors.info.dark}"
        },
        "outlined-background": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0,
              0,
              0
            ],
            "alpha": 0,
            "hex": "#000000"
          }
        },
        "outlined-border": {
          "$type": "color",
          "$value": "{mds.colors.info.dark}"
        },
        "outlined-hover-foreground": {
          "$type": "color",
          "$value": "{mds.colors.info.darker}"
        },
        "focus": {
          "$type": "color",
          "$value": "{mds.colors.info.dark}"
        }
      },
      "control": {
        "contained-border": {
          "$type": "color",
          "$value": "{mds.dimmed.0}"
        },
        "contained-active-border": {
          "$type": "color",
          "$value": "{mds.dimmed.0}"
        },
        "outlined-background": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0,
              0,
              0
            ],
            "alpha": 0,
            "hex": "#000000"
          }
        },
        "focus": {
          "$type": "color",
          "$value": "{mds.colors.primary.dark}"
        }
      }
    }
  }
}