{
  "semantics": {
    "primary": {
      "100": {
        "$type": "color",
        "$value": "{primitives.blue.100}"
      },
      "200": {
        "$type": "color",
        "$value": "{primitives.blue.200}"
      },
      "300": {
        "$type": "color",
        "$value": "{primitives.blue.300}"
      },
      "400": {
        "$type": "color",
        "$value": "{primitives.blue.400}"
      },
      "500": {
        "$type": "color",
        "$value": "{primitives.blue.500}"
      },
      "600": {
        "$type": "color",
        "$value": "{primitives.blue.600}"
      },
      "700": {
        "$type": "color",
        "$value": "{primitives.blue.700}"
      },
      "800": {
        "$type": "color",
        "$value": "{primitives.blue.800}"
      },
      "900": {
        "$type": "color",
        "$value": "{primitives.blue.900}"
      },
      "1000": {
        "$type": "color",
        "$value": "{primitives.blue.1000}"
      },
      "1100": {
        "$type": "color",
        "$value": "{primitives.blue.1100}"
      },
      "1200": {
        "$type": "color",
        "$value": "{primitives.blue.1200}"
      },
      "base": {
        "$type": "color",
        "$value": "{semantics.primary.700}"
      }
    },
    "info": {
      "100": {
        "$type": "color",
        "$value": "{primitives.blue.100}"
      },
      "200": {
        "$type": "color",
        "$value": "{primitives.blue.200}"
      },
      "300": {
        "$type": "color",
        "$value": "{primitives.blue.300}"
      },
      "400": {
        "$type": "color",
        "$value": "{primitives.blue.400}"
      },
      "500": {
        "$type": "color",
        "$value": "{primitives.blue.500}"
      },
      "600": {
        "$type": "color",
        "$value": "{primitives.blue.600}"
      },
      "700": {
        "$type": "color",
        "$value": "{primitives.blue.700}"
      },
      "800": {
        "$type": "color",
        "$value": "{primitives.blue.800}"
      },
      "900": {
        "$type": "color",
        "$value": "{primitives.blue.900}"
      },
      "1000": {
        "$type": "color",
        "$value": "{primitives.blue.1000}"
      },
      "1100": {
        "$type": "color",
        "$value": "{primitives.blue.1100}"
      },
      "1200": {
        "$type": "color",
        "$value": "{primitives.blue.1200}"
      },
      "base": {
        "$type": "color",
        "$value": "{semantics.info.700}"
      }
    },
    "success": {
      "100": {
        "$type": "color",
        "$value": "{primitives.green.100}"
      },
      "200": {
        "$type": "color",
        "$value": "{primitives.green.200}"
      },
      "300": {
        "$type": "color",
        "$value": "{primitives.green.300}"
      },
      "400": {
        "$type": "color",
        "$value": "{primitives.green.400}"
      },
      "500": {
        "$type": "color",
        "$value": "{primitives.green.500}"
      },
      "600": {
        "$type": "color",
        "$value": "{primitives.green.600}"
      },
      "700": {
        "$type": "color",
        "$value": "{primitives.green.700}"
      },
      "800": {
        "$type": "color",
        "$value": "{primitives.green.800}"
      },
      "900": {
        "$type": "color",
        "$value": "{primitives.green.900}"
      },
      "1000": {
        "$type": "color",
        "$value": "{primitives.green.1000}"
      },
      "1100": {
        "$type": "color",
        "$value": "{primitives.green.1100}"
      },
      "1200": {
        "$type": "color",
        "$value": "{primitives.green.1200}"
      },
      "base": {
        "$type": "color",
        "$value": "{semantics.success.700}"
      }
    },
    "danger": {
      "100": {
        "$type": "color",
        "$value": "{primitives.red.100}"
      },
      "200": {
        "$type": "color",
        "$value": "{primitives.red.200}"
      },
      "300": {
        "$type": "color",
        "$value": "{primitives.red.300}"
      },
      "400": {
        "$type": "color",
        "$value": "{primitives.red.400}"
      },
      "500": {
        "$type": "color",
        "$value": "{primitives.red.500}"
      },
      "600": {
        "$type": "color",
        "$value": "{primitives.red.600}"
      },
      "700": {
        "$type": "color",
        "$value": "{primitives.red.700}"
      },
      "800": {
        "$type": "color",
        "$value": "{primitives.red.800}"
      },
      "900": {
        "$type": "color",
        "$value": "{primitives.red.900}"
      },
      "1000": {
        "$type": "color",
        "$value": "{primitives.red.1000}"
      },
      "1100": {
        "$type": "color",
        "$value": "{primitives.red.1100}"
      },
      "1200": {
        "$type": "color",
        "$value": "{primitives.red.1200}"
      },
      "base": {
        "$type": "color",
        "$value": "{semantics.danger.700}"
      }
    },
    "warning": {
      "100": {
        "$type": "color",
        "$value": "{primitives.yellow.100}"
      },
      "200": {
        "$type": "color",
        "$value": "{primitives.yellow.200}"
      },
      "300": {
        "$type": "color",
        "$value": "{primitives.yellow.300}"
      },
      "400": {
        "$type": "color",
        "$value": "{primitives.yellow.400}"
      },
      "500": {
        "$type": "color",
        "$value": "{primitives.yellow.500}"
      },
      "600": {
        "$type": "color",
        "$value": "{primitives.yellow.600}"
      },
      "700": {
        "$type": "color",
        "$value": "{primitives.yellow.700}"
      },
      "800": {
        "$type": "color",
        "$value": "{primitives.yellow.800}"
      },
      "900": {
        "$type": "color",
        "$value": "{primitives.yellow.900}"
      },
      "1000": {
        "$type": "color",
        "$value": "{primitives.yellow.1000}"
      },
      "1100": {
        "$type": "color",
        "$value": "{primitives.yellow.1100}"
      },
      "1200": {
        "$type": "color",
        "$value": "{primitives.yellow.1200}"
      },
      "base": {
        "$type": "color",
        "$value": "{semantics.warning.500}"
      }
    }
  },
  "bg": {
    "primary": {
      "base": {
        "default": {
          "$type": "color",
          "$value": "{semantics.primary.base}"
        },
        "press": {
          "$type": "color",
          "$value": "{semantics.primary.900}"
        }
      },
      "subtle": {
        "default": {
          "$type": "color",
          "$value": "{semantics.primary.100}"
        },
        "press": {
          "$type": "color",
          "$value": "{semantics.primary.300}"
        }
      }
    },
    "danger": {
      "base": {
        "default": {
          "$type": "color",
          "$value": "{semantics.danger.800}"
        },
        "press": {
          "$type": "color",
          "$value": "{semantics.danger.1000}"
        }
      },
      "subtle": {
        "default": {
          "$type": "color",
          "$value": "{semantics.danger.100}"
        },
        "press": {
          "$type": "color",
          "$value": "{semantics.danger.300}"
        }
      }
    },
    "success": {
      "base": {
        "default": {
          "$type": "color",
          "$value": "{semantics.success.900}"
        },
        "press": {
          "$type": "color",
          "$value": "{semantics.success.1100}"
        }
      },
      "subtle": {
        "default": {
          "$type": "color",
          "$value": "{semantics.success.100}"
        },
        "press": {
          "$type": "color",
          "$value": "{semantics.success.300}"
        }
      }
    },
    "info": {
      "base": {
        "default": {
          "$type": "color",
          "$value": "{semantics.info.900}"
        },
        "press": {
          "$type": "color",
          "$value": "{semantics.info.1100}"
        }
      },
      "subtle": {
        "default": {
          "$type": "color",
          "$value": "{semantics.info.100}"
        },
        "press": {
          "$type": "color",
          "$value": "{semantics.info.300}"
        }
      }
    },
    "warning": {
      "base": {
        "default": {
          "$type": "color",
          "$value": "{semantics.warning.500}"
        },
        "press": {
          "$type": "color",
          "$value": "{semantics.warning.700}"
        }
      },
      "subtle": {
        "default": {
          "$type": "color",
          "$value": "{semantics.warning.200}"
        },
        "press": {
          "$type": "color",
          "$value": "{semantics.warning.400}"
        }
      }
    },
    "body": {
      "$type": "color",
      "$value": "{primitives.base.white}"
    },
    "neutral": {
      "subtle": {
        "default": {
          "$type": "color",
          "$value": "{primitives.neutral.200}"
        },
        "press": {
          "$type": "color",
          "$value": "{primitives.neutral.400}"
        }
      },
      "base": {
        "default": {
          "$type": "color",
          "$value": "{primitives.neutral.500}"
        },
        "press": {
          "$type": "color",
          "$value": "{primitives.neutral.700}"
        }
      },
      "subtlest": {
        "default": {
          "$type": "color",
          "$value": "{primitives.base.white}"
        },
        "press": {
          "$type": "color",
          "$value": "{primitives.neutral.200}"
        }
      },
      "bold": {
        "default": {
          "$type": "color",
          "$value": "{primitives.neutral.1000}"
        },
        "press": {
          "$type": "color",
          "$value": "{primitives.neutral.1200}"
        }
      },
      "boldest": {
        "default": {
          "$type": "color",
          "$value": "{primitives.neutral.1200}"
        },
        "press": {
          "$type": "color",
          "$value": "{primitives.base.black}"
        }
      }
    },
    "surface": {
      "default": {
        "$type": "color",
        "$value": "{primitives.base.white}",
        "$description": "input"
      },
      "inverse": {
        "$type": "color",
        "$value": "{primitives.base.white}"
      }
    },
    "input": {
      "default": {
        "$type": "color",
        "$value": "{primitives.base.white}"
      },
      "read-only": {
        "$type": "color",
        "$value": "{primitives.neutral.100}"
      },
      "press": {
        "$type": "color",
        "$value": "{primitives.neutral.200}"
      },
      "disabled": {
        "$type": "color",
        "$value": "{primitives.neutral.100}"
      },
      "bold": {
        "default": {
          "$type": "color",
          "$value": "{primitives.neutral.200}"
        },
        "press": {
          "$type": "color",
          "$value": "{primitives.neutral.400}"
        },
        "read-only": {
          "$type": "color",
          "$value": "{primitives.neutral.300}"
        },
        "disabled": {
          "$type": "color",
          "$value": "{primitives.neutral.300}"
        }
      }
    },
    "select": {
      "default": {
        "$type": "color",
        "$value": "{semantics.primary.100}"
      },
      "press": {
        "$type": "color",
        "$value": "{semantics.primary.300}"
      }
    }
  },
  "text": {
    "default": {
      "$type": "color",
      "$value": "{primitives.neutral.1200}"
    },
    "subtle": {
      "$type": "color",
      "$value": "{primitives.neutral.1000}"
    },
    "subtlest": {
      "$type": "color",
      "$value": "{primitives.neutral.800}"
    },
    "primary": {
      "$type": "color",
      "$value": "{semantics.primary.base}"
    },
    "disabled": {
      "$type": "color",
      "$value": "{primitives.neutral.500}"
    },
    "danger": {
      "$type": "color",
      "$value": "{semantics.danger.800}"
    },
    "info": {
      "$type": "color",
      "$value": "{semantics.info.900}"
    },
    "warning": {
      "$type": "color",
      "$value": "{semantics.warning.900}"
    },
    "success": {
      "$type": "color",
      "$value": "{semantics.success.900}"
    },
    "link": {
      "default": {
        "$type": "color",
        "$value": "{semantics.primary.base}"
      },
      "press": {
        "$type": "color",
        "$value": "{semantics.primary.800}"
      },
      "visited": {
        "$type": "color",
        "$value": "{semantics.primary.900}"
      }
    },
    "inverse": {
      "$type": "color",
      "$value": "{primitives.base.white}"
    },
    "select": {
      "$type": "color",
      "$value": "{semantics.primary.base}"
    }
  },
  "border": {
    "default": {
      "$type": "color",
      "$value": "{primitives.neutral.300}"
    },
    "boldest": {
      "$type": "color",
      "$value": "{primitives.neutral.1200}"
    },
    "focus": {
      "0": {
        "$type": "text",
        "$value": "none"
      },
      "default": {
        "$type": "color",
        "$value": "{primitives.blue.400}"
      },
      "error": {
        "$type": "color",
        "$value": "{primitives.red.400}"
      }
    },
    "primary": {
      "$type": "color",
      "$value": "{semantics.primary.base}"
    },
    "success": {
      "$type": "color",
      "$value": "{semantics.success.900}"
    },
    "warning": {
      "$type": "color",
      "$value": "{semantics.warning.900}"
    },
    "danger": {
      "default": {
        "$type": "color",
        "$value": "{semantics.danger.800}"
      },
      "press": {
        "$type": "color",
        "$value": "{semantics.danger.1000}"
      }
    },
    "subtle": {
      "$type": "color",
      "$value": "{primitives.neutral.100}"
    },
    "input": {
      "default": {
        "$type": "color",
        "$value": "{primitives.neutral.500}"
      },
      "press": {
        "$type": "color",
        "$value": "{primitives.neutral.700}"
      },
      "read-only": {
        "$type": "color",
        "$value": "{primitives.neutral.500}"
      }
    },
    "subtlest": {
      "$type": "color",
      "$value": "{primitives.base.white}"
    }
  },
  "icon": {
    "subtlest": {
      "$type": "color",
      "$value": "{primitives.neutral.800}"
    },
    "info": {
      "$type": "color",
      "$value": "{semantics.info.900}"
    },
    "success": {
      "$type": "color",
      "$value": "{semantics.success.900}"
    },
    "danger": {
      "$type": "color",
      "$value": "{semantics.danger.800}"
    },
    "warning": {
      "$type": "color",
      "$value": "{semantics.warning.900}"
    },
    "inverse": {
      "$type": "color",
      "$value": "{primitives.base.white}"
    },
    "primary": {
      "$type": "color",
      "$value": "{semantics.primary.base}"
    },
    "default": {
      "$type": "color",
      "$value": "{primitives.neutral.1200}"
    },
    "disabled": {
      "$type": "color",
      "$value": "{primitives.neutral.500}"
    },
    "subtle": {
      "$type": "color",
      "$value": "{primitives.neutral.1000}"
    },
    "select": {
      "$type": "color",
      "$value": "{semantics.primary.base}"
    },
    "link": {
      "default": {
        "$type": "color",
        "$value": "{text.link.default}"
      },
      "press": {
        "$type": "color",
        "$value": "{text.link.press}"
      },
      "visited": {
        "$type": "color",
        "$value": "{text.link.visited}"
      }
    }
  },
  "state": {
    "disabled": {
      "$type": "color",
      "$value": "#ffffff99"
    },
    "press": {
      "$type": "color",
      "$value": "#24242414"
    }
  },
  "elevation": {
    "1": {
      "$type": "boxShadow",
      "$value": [
        {
          "color": "{shadow.1}",
          "type": "dropShadow",
          "x": "0",
          "y": "0",
          "blur": "4",
          "spread": "0"
        },
        {
          "color": "{shadow.3}",
          "type": "dropShadow",
          "x": "0",
          "y": "3",
          "blur": "9",
          "spread": "0"
        }
      ]
    },
    "2": {
      "$type": "boxShadow",
      "$value": [
        {
          "color": "{shadow.2}",
          "type": "dropShadow",
          "x": "0",
          "y": "1",
          "blur": "5",
          "spread": "0"
        },
        {
          "color": "{shadow.4}",
          "type": "dropShadow",
          "x": "0",
          "y": "8",
          "blur": "25",
          "spread": "0"
        }
      ]
    },
    "3": {
      "$type": "boxShadow",
      "$value": [
        {
          "color": "{shadow.2}",
          "type": "dropShadow",
          "x": "0",
          "y": "2",
          "blur": "7",
          "spread": "0"
        },
        {
          "color": "{shadow.6}",
          "type": "dropShadow",
          "x": "0",
          "y": "6",
          "blur": "32",
          "spread": "0"
        }
      ]
    },
    "4": {
      "$type": "boxShadow",
      "$value": [
        {
          "color": "{shadow.5}",
          "type": "dropShadow",
          "x": "0",
          "y": "3",
          "blur": "12",
          "spread": "0"
        },
        {
          "color": "{shadow.7}",
          "type": "dropShadow",
          "x": "0",
          "y": "15",
          "blur": "48",
          "spread": "0"
        }
      ]
    }
  },
  "backdrop": {
    "$type": "composition",
    "$value": {
      "opacity": "0.7",
      "fill": "{primitives.base.black}"
    }
  }
}