{
  "color": {
    "$type": "color",
    "grayscale": {
      "L1": {
        "$value": "#fbfcfd"
      },
      "L2": {
        "$value": "#f8f9fc"
      },
      "L3": {
        "$value": "#f5f6f9"
      },
      "L4": {
        "$value": "#eceff4"
      },
      "L5": {
        "$value": "#e0e5eb"
      },
      "L6": {
        "$value": "#cbd3dc"
      },
      "L7": {
        "$value": "#a8b3c1"
      },
      "L8": {
        "$value": "#8793a1"
      },
      "L9": {
        "$value": "#626F7E"
      },
      "L10": {
        "$value": "#556272"
      },
      "L11": {
        "$value": "#364251"
      },
      "L12": {
        "$value": "#030e1d"
      },
      "L0": {
        "$value": "#ffffff"
      }
    },
    "red": {
      "L1": {
        "$value": "#fffafa"
      },
      "L2": {
        "$value": "#ffebed"
      },
      "L3": {
        "$value": "#ffccd1"
      },
      "L4": {
        "$value": "#ff8a96"
      },
      "L5": {
        "$value": "#f15363"
      },
      "L6": {
        "$value": "#f31d32"
      },
      "L7": {
        "$value": "#e21328"
      },
      "L8": {
        "$value": "#cf1125"
      },
      "L9": {
        "$value": "#b80f21"
      },
      "L10": {
        "$value": "#8e1824"
      },
      "L11": {
        "$value": "#5f1018"
      },
      "L12": {
        "$value": "#180406"
      }
    },
    "green": {
      "L1": {
        "$value": "#f5fff9"
      },
      "L2": {
        "$value": "#e5ffed"
      },
      "L3": {
        "$value": "#bff8d3"
      },
      "L4": {
        "$value": "#98ecb5"
      },
      "L5": {
        "$value": "#6be194"
      },
      "L6": {
        "$value": "#11cb52"
      },
      "L7": {
        "$value": "#10bc4c"
      },
      "L8": {
        "$value": "#0b993c"
      },
      "L9": {
        "$value": "#0a7a31"
      },
      "L10": {
        "$value": "#09682a"
      },
      "L11": {
        "$value": "#075121"
      },
      "L12": {
        "$value": "#003613"
      }
    },
    "yellow": {
      "L1": {
        "$value": "#fffdf5"
      },
      "L2": {
        "$value": "#fff7db"
      },
      "L3": {
        "$value": "#ffeda3"
      },
      "L4": {
        "$value": "#ffe175"
      },
      "L5": {
        "$value": "#ffd53d"
      },
      "L6": {
        "$value": "#ffc800"
      },
      "L7": {
        "$value": "#f0ac00"
      },
      "L8": {
        "$value": "#d59200"
      },
      "L9": {
        "$value": "#c28200"
      },
      "L10": {
        "$value": "#a16b00"
      },
      "L11": {
        "$value": "#714900"
      },
      "L12": {
        "$value": "#1c1300"
      }
    },
    "cyan": {
      "L1": {
        "$value": "#f2fbff"
      },
      "L2": {
        "$value": "#e6f8ff"
      },
      "L3": {
        "$value": "#c4efff"
      },
      "L4": {
        "$value": "#9ee4ff"
      },
      "L5": {
        "$value": "#85ddff"
      },
      "L6": {
        "$value": "#5fd2ff"
      },
      "L7": {
        "$value": "#3cb5e4"
      },
      "L8": {
        "$value": "#2b99c5"
      },
      "L9": {
        "$value": "#1b7496"
      },
      "L10": {
        "$value": "#126180"
      },
      "L11": {
        "$value": "#0a4d67"
      },
      "L12": {
        "$value": "#002c3d"
      }
    },
    "blue": {
      "L1": {
        "$value": "#e5f1ff"
      },
      "L2": {
        "$value": "#c7e1ff"
      },
      "L3": {
        "$value": "#78b6fc"
      },
      "L4": {
        "$value": "#3993fa"
      },
      "L5": {
        "$value": "#0A73EB"
      },
      "L6": {
        "$value": "#0f6fde"
      },
      "L7": {
        "$value": "#0d62c4"
      },
      "L8": {
        "$value": "#0b56ac"
      },
      "L9": {
        "$value": "#0a4d99"
      },
      "L10": {
        "$value": "#084385"
      },
      "L11": {
        "$value": "#052d5b"
      },
      "L12": {
        "$value": "#03162c"
      }
    },
    "purple": {
      "L1": {
        "$value": "#fbfaff"
      },
      "L2": {
        "$value": "#f2f0ff"
      },
      "L3": {
        "$value": "#d4ccff"
      },
      "L4": {
        "$value": "#b6a8ff"
      },
      "L5": {
        "$value": "#9985ff"
      },
      "L6": {
        "$value": "#7b62ff"
      },
      "L7": {
        "$value": "#634cdd"
      },
      "L8": {
        "$value": "#4d39bb"
      },
      "L9": {
        "$value": "#3a2899"
      },
      "L10": {
        "$value": "#291a77"
      },
      "L11": {
        "$value": "#1e1264"
      },
      "L12": {
        "$value": "#0e0444"
      }
    },
    "plum": {
      "L1": {
        "$value": "#fff5fb"
      },
      "L2": {
        "$value": "#ffe5f4"
      },
      "L3": {
        "$value": "#f9cde6"
      },
      "L4": {
        "$value": "#f292ca"
      },
      "L5": {
        "$value": "#ed6db8"
      },
      "L6": {
        "$value": "#e949a6"
      },
      "L7": {
        "$value": "#e6329b"
      },
      "L8": {
        "$value": "#df1b8d"
      },
      "L9": {
        "$value": "#c8187f"
      },
      "L10": {
        "$value": "#9e1e68"
      },
      "L11": {
        "$value": "#621d46"
      },
      "L12": {
        "$value": "#1f0816"
      }
    },
    "peach": {
      "L1": {
        "$value": "#fff3f0"
      },
      "L2": {
        "$value": "#ffd5cc"
      },
      "L3": {
        "$value": "#ffac99"
      },
      "L9": {
        "$value": "#ff866b"
      },
      "L10": {
        "$value": "#ff5833"
      },
      "L11": {
        "$value": "#972a11"
      },
      "L12": {
        "$value": "#380a00"
      }
    },
    "sunglow": {
      "L1": {
        "$value": "#fff7e6"
      },
      "L2": {
        "$value": "#ffebc2"
      },
      "L3": {
        "$value": "#ffd470"
      },
      "L9": {
        "$value": "#ffb60a"
      },
      "L10": {
        "$value": "#8e6d1f"
      },
      "L11": {
        "$value": "#5e4713"
      },
      "L12": {
        "$value": "#382700"
      }
    },
    "teal": {
      "L1": {
        "$value": "#f1fefe"
      },
      "L2": {
        "$value": "#e9fbfb"
      },
      "L3": {
        "$value": "#c9f7f5"
      },
      "L4": {
        "$value": "#99eae6"
      },
      "L5": {
        "$value": "#7bded9"
      },
      "L6": {
        "$value": "#11c6bc"
      },
      "L7": {
        "$value": "#13b9b0"
      },
      "L8": {
        "$value": "#0aa39b"
      },
      "L9": {
        "$value": "#087d76"
      },
      "L10": {
        "$value": "#146763"
      },
      "L11": {
        "$value": "#05514e"
      },
      "L12": {
        "$value": "#002927"
      }
    },
    "orange": {
      "L1": {
        "$value": "#fffbfa"
      },
      "L2": {
        "$value": "#ffeae5"
      },
      "L3": {
        "$value": "#ffd1c7"
      },
      "L4": {
        "$value": "#ffb4a3"
      },
      "L5": {
        "$value": "#ff866b"
      },
      "L6": {
        "$value": "#f86544"
      },
      "L7": {
        "$value": "#f35230"
      },
      "L8": {
        "$value": "#c6310e"
      },
      "L9": {
        "$value": "#a32d12"
      },
      "L10": {
        "$value": "#842c19"
      },
      "L11": {
        "$value": "#520f00"
      },
      "L12": {
        "$value": "#1f0600"
      }
    },
    "canvas": {
      "$description": "Background color for the main canvas",
      "default": {
        "$value": "{color.grayscale.L2}"
      }
    },
    "surface": {
      "$description": "Surface color.for various components and states",
      "primary": {
        "highest": {
          "$value": "{color.blue.L10}"
        },
        "high": {
          "$value": "{color.blue.L8}"
        },
        "default": {
          "default": {
            "$value": "{color.blue.L5}"
          },
          "enabled": {
            "$value": "{color.blue.L5}"
          },
          "hover": {
            "$value": "{color.blue.L7}"
          },
          "pressed": {
            "$value": "{color.blue.L8}"
          },
          "focus": {
            "$value": "{color.blue.L5}"
          },
          "active": {
            "$value": "{color.blue.L5}"
          },
          "disabled": {
            "$value": "{color.grayscale.L3}"
          }
        },
        "low": {
          "$value": "{color.blue.L3}"
        },
        "lowest": {
          "default": {
            "$value": "{color.blue.L1}"
          },
          "enabled": {
            "$value": "{color.blue.L1}"
          },
          "hover": {
            "$value": "{color.blue.L1}"
          },
          "pressed": {
            "$value": "{color.blue.L2}"
          },
          "focus": {
            "$value": "{color.blue.L4}"
          },
          "active": {
            "$value": "{color.blue.L1}"
          },
          "disabled": {
            "$value": "{color.grayscale.L2}"
          }
        }
      },
      "neutral": {
        "default": {
          "default": {
            "$value": "{color.grayscale.L0}"
          },
          "enabled": {
            "$value": "{color.grayscale.L0}"
          },
          "hover": {
            "$value": "{color.grayscale.L3}"
          },
          "pressed": {
            "$value": "{color.grayscale.L4}"
          },
          "focus": {
            "$value": "{color.grayscale.L2}"
          },
          "active": {
            "$value": "{color.grayscale.L4}"
          },
          "selected": {
            "$value": "{color.grayscale.L3}"
          },
          "disabled": {
            "$value": "{color.grayscale.L4}"
          }
        },
        "low": {
          "default": {
            "$value": "{color.grayscale.L3}"
          },
          "enabled": {
            "$value": "{color.grayscale.L3}"
          },
          "hover": {
            "$value": "{color.grayscale.L4}"
          },
          "pressed": {
            "$value": "{color.grayscale.L5}"
          },
          "focus": {
            "$value": "{color.grayscale.L4}"
          },
          "active": {
            "$value": "{color.grayscale.L5}"
          },
          "disabled": {
            "$value": "{color.grayscale.L3}"
          },
          "selected": {
            "$value": "{color.grayscale.L4}"
          }
        },
        "lowest": {
          "default": {
            "$value": "{color.grayscale.L4}"
          },
          "enabled": {
            "$value": "{color.grayscale.L4}"
          },
          "hover": {
            "$value": "{color.grayscale.L5}"
          },
          "pressed": {
            "$value": "{color.grayscale.L6}"
          },
          "focus": {
            "$value": "{color.grayscale.L5}"
          },
          "active": {
            "$value": "{color.grayscale.L6}"
          },
          "disabled": {
            "$value": "{color.grayscale.L4}"
          },
          "selected": {
            "$value": "{color.grayscale.L5}"
          }
        }
      },
      "danger": {
        "default": {
          "default": {
            "$value": "{color.red.L7}"
          },
          "enabled": {
            "$value": "{color.red.L7}"
          },
          "hover": {
            "$value": "{color.red.L8}"
          },
          "pressed": {
            "$value": "{color.red.L9}"
          },
          "focus": {
            "$value": "{color.red.L7}"
          },
          "active": {
            "$value": "{color.red.L7}"
          },
          "disabled": {
            "$value": "{color.grayscale.L8}"
          }
        },
        "low": {
          "$value": "{color.red.L3}"
        },
        "lowest": {
          "default": {
            "$value": "{color.red.L2}"
          },
          "enabled": {
            "$value": "{color.red.L1}"
          },
          "hover": {
            "$value": "{color.red.L2}"
          },
          "pressed": {
            "$value": "{color.red.L3}"
          },
          "focus": {
            "$value": "{color.grayscale.L0}"
          },
          "active": {
            "$value": "{color.red.L2}"
          },
          "disabled": {
            "$value": "{color.grayscale.L8}"
          }
        }
      },
      "warning": {
        "default": {
          "default": {
            "$value": "{color.yellow.L6}"
          },
          "enabled": {
            "$value": "{color.yellow.L6}"
          },
          "hover": {
            "$value": "{color.yellow.L7}"
          },
          "pressed": {
            "$value": "{color.yellow.L8}"
          },
          "focus": {
            "$value": "{color.yellow.L6}"
          },
          "active": {
            "$value": "{color.yellow.L6}"
          },
          "disabled": {
            "$value": "{color.grayscale.L8}"
          }
        },
        "low": {
          "$value": "{color.yellow.L3}"
        },
        "lowest": {
          "default": {
            "$value": "{color.yellow.L2}"
          },
          "enabled": {
            "$value": "{color.yellow.L2}"
          },
          "hover": {
            "$value": "{color.yellow.L2}"
          },
          "pressed": {
            "$value": "{color.yellow.L3}"
          },
          "focus": {
            "$value": "{color.grayscale.L0}"
          },
          "active": {
            "$value": "{color.yellow.L2}"
          },
          "disabled": {
            "$value": "{color.grayscale.L8}"
          }
        }
      },
      "success": {
        "default": {
          "$value": "{color.green.L8}"
        },
        "low": {
          "$value": "{color.green.L3}"
        },
        "lowest": {
          "default": {
            "$value": "{color.green.L2}"
          },
          "enabled": {
            "$value": "{color.green.L2}"
          },
          "hover": {
            "$value": "{color.green.L2}"
          },
          "pressed": {
            "$value": "{color.green.L3}"
          },
          "focus": {
            "$value": "{color.green.L4}"
          },
          "active": {
            "$value": "{color.green.L2}"
          },
          "disabled": {
            "$value": "{color.grayscale.L8}"
          }
        }
      },
      "info": {
        "default": {
          "$value": "{color.cyan.L6}"
        },
        "low": {
          "$value": "{color.cyan.L3}"
        },
        "lowest": {
          "default": {
            "$value": "{color.cyan.L2}"
          },
          "enabled": {
            "$value": "{color.cyan.L2}"
          },
          "hover": {
            "$value": "{color.cyan.L3}"
          },
          "pressed": {
            "$value": "{color.cyan.L3}"
          },
          "focus": {
            "$value": "{color.cyan.L9}"
          },
          "active": {
            "$value": "{color.cyan.L11}"
          },
          "disabled": {
            "$value": "{color.grayscale.L8}"
          }
        }
      },
      "promo": {
        "default": {
          "$value": "{color.plum.L6}"
        },
        "low": {
          "$value": "{color.plum.L3}"
        },
        "lowest": {
          "$value": "{color.plum.L2}"
        }
      },
      "ai": {
        "low": {
          "$value": "{color.purple.L6}"
        }
      },
      "form": {
        "default": {
          "enabled": {
            "$value": "{color.grayscale.L0}"
          },
          "hover": {
            "$value": "{color.grayscale.L0}"
          },
          "pressed": {
            "$value": "{color.grayscale.L0}"
          },
          "focus": {
            "$value": "{color.grayscale.L0}"
          },
          "active": {
            "$value": "{color.blue.L5}"
          },
          "selected": {
            "$value": "{color.blue.L1}"
          },
          "disabled": {
            "$value": "{color.grayscale.L3}"
          },
          "read-only": {
            "$value": "{color.grayscale.L8}"
          },
          "error": {
            "$value": "{color.red.L2}"
          }
        },
        "high": {
          "enabled": {
            "$value": "{color.grayscale.L3}"
          },
          "hover": {
            "$value": "{color.grayscale.L4}"
          },
          "pressed": {
            "$value": "{color.grayscale.L5}"
          },
          "focus": {
            "$value": "{color.grayscale.L3}"
          },
          "active": {
            "$value": "{color.grayscale.L0}"
          },
          "selected": {
            "$value": "{color.blue.L2}"
          },
          "disabled": {
            "$value": "{color.grayscale.L2}"
          },
          "read-only": {
            "$value": "{color.grayscale.L2}"
          },
          "error": {
            "$value": "{color.red.L2}"
          }
        }
      },
      "inverted": {
        "default": {
          "default": {
            "$value": "{color.grayscale.L12}"
          },
          "enabled": {
            "$value": "{color.grayscale.L12}"
          },
          "hover": {
            "$value": "{color.grayscale.L10}"
          },
          "pressed": {
            "$value": "{color.grayscale.L11}"
          },
          "focus": {
            "$value": "{color.grayscale.L12}"
          },
          "active": {
            "$value": "{color.grayscale.L11}"
          }
        }
      },
      "decorative-teal": {
        "default": {
          "$value": "{color.teal.L6}"
        },
        "high": {
          "$value": "{color.teal.L9}"
        },
        "low": {
          "$value": "{color.teal.L3}"
        },
        "lowest": {
          "$value": "{color.teal.L2}"
        }
      },
      "decorative-purple": {
        "high": {
          "$value": "{color.purple.L9}"
        },
        "default": {
          "$value": "{color.purple.L6}"
        },
        "low": {
          "$value": "{color.purple.L3}"
        },
        "lowest": {
          "$value": "{color.purple.L2}"
        }
      },
      "decorative-plum": {
        "default": {
          "$value": "{color.plum.L6}"
        },
        "high": {
          "$value": "{color.plum.L9}"
        },
        "low": {
          "$value": "{color.plum.L3}"
        },
        "lowest": {
          "$value": "{color.plum.L2}"
        }
      },
      "decorative-orange": {
        "default": {
          "$value": "{color.orange.L6}"
        },
        "high": {
          "$value": "{color.orange.L9}"
        },
        "low": {
          "$value": "{color.orange.L3}"
        },
        "lowest": {
          "$value": "{color.orange.L2}"
        }
      }
    },
    "content": {
      "$description": "Content color.for text and icons",
      "primary": {
        "default": {
          "default": {
            "$value": "{color.blue.L6}"
          },
          "enabled": {
            "$value": "{color.blue.L7}"
          },
          "hover": {
            "$value": "{color.blue.L10}"
          },
          "pressed": {
            "$value": "{color.blue.L11}"
          },
          "focus": {
            "$value": "{color.blue.L7}"
          },
          "active": {
            "$value": "{color.blue.L6}"
          },
          "disabled": {
            "$value": "{color.grayscale.L8}"
          }
        },
        "high": {
          "$value": "{color.blue.L10}"
        }
      },
      "neutral": {
        "default": {
          "default": {
            "$value": "{color.grayscale.L12}"
          },
          "enabled": {
            "$value": "{color.grayscale.L12}"
          },
          "hover": {
            "$value": "{color.grayscale.L12}"
          },
          "pressed": {
            "$value": "{color.grayscale.L12}"
          },
          "focus": {
            "$value": "{color.grayscale.L12}"
          },
          "active": {
            "$value": "{color.grayscale.L12}"
          },
          "disabled": {
            "$value": "{color.grayscale.L8}"
          }
        },
        "low": {
          "$value": "{color.grayscale.L11}"
        },
        "lowest": {
          "default": {
            "$value": "{color.grayscale.L9}"
          },
          "enabled": {
            "$value": "{color.grayscale.L9}"
          },
          "hover": {
            "$value": "{color.grayscale.L10}"
          },
          "pressed": {
            "$value": "{color.grayscale.L11}"
          },
          "focus": {
            "$value": "{color.grayscale.L9}"
          },
          "active": {
            "$value": "{color.grayscale.L12}"
          },
          "disabled": {
            "$value": "{color.grayscale.L8}"
          }
        }
      },
      "danger": {
        "default": {
          "default": {
            "$value": "{color.red.L8}"
          },
          "enabled": {
            "$value": "{color.red.L9}"
          },
          "hover": {
            "$value": "{color.red.L10}"
          },
          "pressed": {
            "$value": "{color.red.L11}"
          },
          "focus": {
            "$value": "{color.red.L9}"
          },
          "active": {
            "$value": "{color.red.L10}"
          },
          "disabled": {
            "$value": "{color.grayscale.L8}"
          }
        },
        "high": {
          "$value": "{color.red.L11}"
        }
      },
      "warning": {
        "default": {
          "default": {
            "$value": "{color.yellow.L7}"
          },
          "enabled": {
            "$value": "{color.yellow.L11}"
          },
          "hover": {
            "$value": "{color.yellow.L11}"
          },
          "pressed": {
            "$value": "{color.yellow.L12}"
          },
          "focus": {
            "$value": "{color.yellow.L1}"
          },
          "active": {
            "$value": "{color.yellow.L11}"
          },
          "disabled": {
            "$value": "{color.grayscale.L8}"
          }
        },
        "high": {
          "$value": "{color.yellow.L11}"
        }
      },
      "success": {
        "default": {
          "default": {
            "$value": "{color.green.L8}"
          },
          "enabled": {
            "$value": "{color.green.L9}"
          },
          "hover": {
            "$value": "{color.green.L10}"
          },
          "pressed": {
            "$value": "{color.green.L11}"
          },
          "focus": {
            "$value": "{color.green.L9}"
          },
          "active": {
            "$value": "{color.green.L10}"
          },
          "disabled": {
            "$value": "{color.grayscale.L8}"
          }
        },
        "high": {
          "$value": "{color.green.L11}"
        }
      },
      "info": {
        "default": {
          "default": {
            "$value": "{color.cyan.L7}"
          },
          "enabled": {
            "$value": "{color.cyan.L9}"
          },
          "hover": {
            "$value": "{color.cyan.L10}"
          },
          "pressed": {
            "$value": "{color.cyan.L11}"
          },
          "focus": {
            "$value": "{color.cyan.L9}"
          },
          "active": {
            "$value": "{color.cyan.L10}"
          },
          "disabled": {
            "$value": "{color.grayscale.L8}"
          }
        },
        "high": {
          "$value": "{color.cyan.L11}"
        }
      },
      "promo": {
        "default": {
          "$value": "{color.plum.L6}"
        },
        "high": {
          "$value": "{color.plum.L10}"
        }
      },
      "form": {
        "enabled": {
          "$value": "{color.grayscale.L12}"
        },
        "hover": {
          "$value": "{color.grayscale.L12}"
        },
        "pressed": {
          "$value": "{color.grayscale.L12}"
        },
        "focus": {
          "$value": "{color.grayscale.L12}"
        },
        "active": {
          "$value": "{color.grayscale.L12}"
        },
        "selected": {
          "$value": "{color.blue.L6}"
        },
        "disabled": {
          "$value": "{color.grayscale.L8}"
        },
        "read-only": {
          "$value": "{color.grayscale.L12}"
        },
        "invalid": {
          "$value": "{color.red.L8}"
        }
      },
      "inverted": {
        "default": {
          "$value": "{color.grayscale.L0}"
        },
        "enabled": {
          "$value": "{color.grayscale.L0}"
        },
        "hover": {
          "$value": "{color.grayscale.L2}"
        },
        "pressed": {
          "$value": "{color.grayscale.L4}"
        },
        "focus": {
          "$value": "{color.grayscale.L0}"
        },
        "active": {
          "$value": "{color.grayscale.L0}"
        },
        "disabled": {
          "$value": "{color.grayscale.L7}"
        }
      },
      "decorative-teal": {
        "default": {
          "$value": "{color.teal.L6}"
        },
        "high": {
          "$value": "{color.teal.L10}"
        }
      },
      "decorative-purple": {
        "default": {
          "$value": "{color.purple.L6}"
        },
        "high": {
          "$value": "{color.purple.L10}"
        }
      },
      "decorative-plum": {
        "default": {
          "$value": "{color.plum.L6}"
        },
        "high": {
          "$value": "{color.plum.L10}"
        }
      },
      "decorative-orange": {
        "default": {
          "$value": "{color.orange.L6}"
        },
        "high": {
          "$value": "{color.orange.L10}"
        }
      }
    },
    "border": {
      "$description": "Border color.for various components and states",
      "primary": {
        "default": {
          "default": {
            "$value": "{color.blue.L5}"
          },
          "enabled": {
            "$value": "{color.blue.L5}"
          },
          "hover": {
            "$value": "{color.blue.L6}"
          },
          "pressed": {
            "$value": "{color.blue.L7}"
          },
          "focus": {
            "$value": "{color.blue.L5}"
          },
          "active": {
            "$value": "{color.blue.L8}"
          },
          "disabled": {
            "$value": "{color.grayscale.L4}"
          }
        },
        "lowest": {
          "$value": "{color.blue.L2}"
        }
      },
      "neutral": {
        "high": {
          "default": {
            "$value": "{color.grayscale.L7}"
          },
          "enabled": {
            "$value": "{color.grayscale.L8}"
          },
          "hover": {
            "$value": "{color.grayscale.L9}"
          },
          "pressed": {
            "$value": "{color.grayscale.L10}"
          },
          "focus": {
            "$value": "{color.grayscale.L8}"
          },
          "active": {
            "$value": "{color.grayscale.L8}"
          },
          "disabled": {
            "$value": "{color.grayscale.L5}"
          }
        },
        "default": {
          "default": {
            "$value": "{color.grayscale.L5}"
          },
          "enabled": {
            "$value": "{color.grayscale.L6}"
          },
          "hover": {
            "$value": "{color.grayscale.L6}"
          },
          "active": {
            "$value": "{color.blue.L5}"
          },
          "pressed": {
            "$value": "{color.grayscale.L7}"
          },
          "selected": {
            "$value": "{color.grayscale.L6}"
          },
          "disabled": {
            "$value": "{color.grayscale.L5}"
          }
        },
        "low": {
          "default": {
            "$value": "{color.grayscale.L4}"
          }
        }
      },
      "danger": {
        "default": {
          "$value": "{color.red.L4}"
        },
        "lowest": {
          "$value": "{color.red.L2}"
        }
      },
      "warning": {
        "default": {
          "$value": "{color.yellow.L4}"
        },
        "lowest": {
          "$value": "{color.yellow.L2}"
        }
      },
      "success": {
        "default": {
          "$value": "{color.green.L8}"
        },
        "low": {
          "$value": "{color.green.L4}"
        },
        "lowest": {
          "$value": "{color.green.L2}"
        }
      },
      "info": {
        "default": {
          "$value": "{color.cyan.L4}"
        },
        "lowest": {
          "$value": "{color.cyan.L2}"
        }
      },
      "promo": {
        "default": {
          "$value": "{color.plum.L4}"
        },
        "lowest": {
          "$value": "{color.plum.L3}"
        }
      },
      "form": {
        "enabled": {
          "$value": "{color.grayscale.L8}"
        },
        "hover": {
          "$value": "{color.grayscale.L9}"
        },
        "pressed": {
          "$value": "{color.grayscale.L10}"
        },
        "focus": {
          "$value": "{color.grayscale.L8}"
        },
        "active": {
          "$value": "{color.blue.L5}"
        },
        "selected": {
          "$value": "{color.blue.L5}"
        },
        "disabled": {
          "$value": "{color.grayscale.L5}"
        },
        "read-only": {
          "$value": "{color.grayscale.L5}"
        },
        "error": {
          "$value": "{color.red.L8}"
        }
      },
      "inverted": {
        "default": {
          "default": {
            "$value": "{color.grayscale.L2}"
          },
          "enabled": {
            "$value": "{color.grayscale.L2}"
          },
          "hover": {
            "$value": "{color.grayscale.L3}"
          },
          "pressed": {
            "$value": "{color.grayscale.L4}"
          },
          "focus": {
            "$value": "{color.grayscale.L2}"
          },
          "active": {
            "$value": "{color.grayscale.L1}"
          },
          "disabled": {
            "$value": "{color.grayscale.L7}"
          }
        },
        "high": {
          "$value": "{color.grayscale.L0}"
        }
      }
    },
    "utility": {
      "$description": "Utility color.for specific purposes",
      "focus-ring": {
        "$value": "{color.blue.L4}"
      },
      "inverted-focus-ring": {
        "$value": "{color.yellow.L4}"
      },
      "backdrop": {
        "$value": "#030E1D99"
      },
      "shadow": {
        "100": {
          "$value": "#0000000f"
        },
        "200": {
          "$value": "#00000014"
        },
        "300": {
          "$value": "#00000014"
        },
        "400": {
          "$value": "#0000001a"
        },
        "500": {
          "$value": "#0000001f"
        },
        "600": {
          "$value": "#0000001f"
        }
      }
    }
  }
}