{
  "text": {
    "action": {
      "100": {
        "$type": "color",
        "$value": "colors.brand.40",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["SHAPE_FILL", "TEXT_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "200": {
        "$type": "color",
        "$value": "colors.brand.30",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["SHAPE_FILL", "TEXT_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "navigation": {
        "initial": {
          "$type": "color",
          "$value": "colors.brand.40",
          "$description": "Text color inside of interactive items\nUse for: Buttons (filled, outline). Button icons",
          "$extensions": {
            "com.figma": {
              "hiddenFromPublishing": false,
              "scopes": ["SHAPE_FILL", "TEXT_FILL"],
              "codeSyntax": {}
            }
          }
        },
        "hover": {
          "$type": "color",
          "$value": "colors.brand.30",
          "$description": "",
          "$extensions": {
            "com.figma": {
              "hiddenFromPublishing": false,
              "scopes": ["SHAPE_FILL", "TEXT_FILL"],
              "codeSyntax": {}
            }
          }
        },
        "visited": {
          "$type": "color",
          "$value": "colors.brand.20",
          "$description": "",
          "$extensions": {
            "com.figma": {
              "hiddenFromPublishing": false,
              "scopes": ["SHAPE_FILL", "TEXT_FILL"],
              "codeSyntax": {}
            }
          }
        }
      },
      "initial": {
        "$type": "color",
        "$value": "colors.neutral.white",
        "$description": "Text color inside of interactive items\nUse for: Buttons (filled, outline). Button icons",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["SHAPE_FILL", "TEXT_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "inverse": {
        "$type": "color",
        "$value": "colors.brand.5",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["SHAPE_FILL", "TEXT_FILL"],
            "codeSyntax": {}
          }
        }
      }
    },
    "page": {
      "100": {
        "$type": "color",
        "$value": "colors.neutral.20",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["SHAPE_FILL", "TEXT_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "200": {
        "$type": "color",
        "$value": "colors.neutral.10",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["SHAPE_FILL", "TEXT_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "300": {
        "$type": "color",
        "$value": "colors.neutral.white",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["SHAPE_FILL", "TEXT_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "initial": {
        "$type": "color",
        "$value": "colors.brand.5",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["SHAPE_FILL", "TEXT_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "inverse": {
        "$type": "color",
        "$value": "colors.neutral.100",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["ALL_SCOPES"],
            "codeSyntax": {}
          }
        }
      }
    },
    "danger": {
      "100": {
        "$type": "color",
        "$value": "colors.danger.30",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["SHAPE_FILL", "TEXT_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "200": {
        "$type": "color",
        "$value": "colors.danger.50",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["SHAPE_FILL", "TEXT_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "initial": {
        "$type": "color",
        "$value": "colors.danger.10",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["SHAPE_FILL", "TEXT_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "inverse": {
        "$type": "color",
        "$value": "colors.danger.90",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["SHAPE_FILL", "TEXT_FILL"],
            "codeSyntax": {}
          }
        }
      }
    },
    "warning": {
      "100": {
        "$type": "color",
        "$value": "colors.warning.30",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["SHAPE_FILL", "TEXT_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "200": {
        "$type": "color",
        "$value": "colors.warning.60",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["SHAPE_FILL", "TEXT_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "initial": {
        "$type": "color",
        "$value": "colors.warning.100",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["SHAPE_FILL", "TEXT_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "inverse": {
        "$type": "color",
        "$value": "colors.warning.20",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["ALL_SCOPES"],
            "codeSyntax": {}
          }
        }
      }
    },
    "success": {
      "100": {
        "$type": "color",
        "$value": "colors.success.40",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["SHAPE_FILL", "TEXT_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "200": {
        "$type": "color",
        "$value": "colors.success.60",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["SHAPE_FILL", "TEXT_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "initial": {
        "$type": "color",
        "$value": "colors.success.10",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["SHAPE_FILL", "TEXT_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "inverse": {
        "$type": "color",
        "$value": "colors.success.100",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["ALL_SCOPES"],
            "codeSyntax": {}
          }
        }
      }
    },
    "info": {
      "100": {
        "$type": "color",
        "$value": "colors.info.30",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["SHAPE_FILL", "TEXT_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "200": {
        "$type": "color",
        "$value": "colors.info.50",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["SHAPE_FILL", "TEXT_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "initial": {
        "$type": "color",
        "$value": "colors.info.10",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["SHAPE_FILL", "TEXT_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "inverse": {
        "$type": "color",
        "$value": "colors.info.100",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["ALL_SCOPES"],
            "codeSyntax": {}
          }
        }
      }
    },
    "secondary-action": {
      "100": {
        "$type": "color",
        "$value": "colors.teal.90",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["SHAPE_FILL", "TEXT_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "200": {
        "$type": "color",
        "$value": "colors.teal.40",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["SHAPE_FILL", "TEXT_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "initial": {
        "$type": "color",
        "$value": "colors.teal.60",
        "$description": "Text color inside of interactive items\nUse for: Buttons (filled, outline). Button icons",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["SHAPE_FILL", "TEXT_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "navigation": {
        "initial": {
          "$type": "color",
          "$value": "colors.teal.60",
          "$description": "Text color inside of interactive items\nUse for: Buttons (filled, outline). Button icons",
          "$extensions": {
            "com.figma": {
              "hiddenFromPublishing": false,
              "scopes": ["SHAPE_FILL", "TEXT_FILL"],
              "codeSyntax": {}
            }
          }
        },
        "hover": {
          "$type": "color",
          "$value": "colors.teal.50",
          "$description": "",
          "$extensions": {
            "com.figma": {
              "hiddenFromPublishing": false,
              "scopes": ["SHAPE_FILL", "TEXT_FILL"],
              "codeSyntax": {}
            }
          }
        },
        "visited": {
          "$type": "color",
          "$value": "colors.teal.70",
          "$description": "",
          "$extensions": {
            "com.figma": {
              "hiddenFromPublishing": false,
              "scopes": ["SHAPE_FILL", "TEXT_FILL"],
              "codeSyntax": {}
            }
          }
        }
      }
    }
  },
  "surface": {
    "page": {
      "100": {
        "$type": "color",
        "$value": "colors.neutral.90",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "200": {
        "$type": "color",
        "$value": "colors.neutral.80",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "300": {
        "$type": "color",
        "$value": "colors.neutral.70",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "initial": {
        "$type": "color",
        "$value": "colors.neutral.100",
        "$description": "Reserved for the "floor" of the page, or the lowest elevation surface\nUse for: Page backgrounds",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "inverse": {
        "$type": "color",
        "$value": "colors.neutral.5",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL"],
            "codeSyntax": {}
          }
        }
      }
    },
    "success": {
      "100": {
        "$type": "color",
        "$value": "colors.success.90",
        "$description": "Reserved for the "floor" of the page, or the lowest elevation surface\nUse for: Page backgrounds",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "200": {
        "$type": "color",
        "$value": "colors.success.70",
        "$description": "Reserved for the "floor" of the page, or the lowest elevation surface\nUse for: Page backgrounds",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "initial": {
        "$type": "color",
        "$value": "colors.success.70",
        "$description": "Reserved for the "floor" of the page, or the lowest elevation surface\nUse for: Page backgrounds",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL"],
            "codeSyntax": {}
          }
        }
      }
    },
    "danger": {
      "100": {
        "$type": "color",
        "$value": "colors.danger.90",
        "$description": "Reserved for the "floor" of the page, or the lowest elevation surface\nUse for: Page backgrounds",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "200": {
        "$type": "color",
        "$value": "colors.danger.70",
        "$description": "Reserved for the "floor" of the page, or the lowest elevation surface\nUse for: Page backgrounds",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "initial": {
        "$type": "color",
        "$value": "colors.danger.80",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["ALL_SCOPES"],
            "codeSyntax": {}
          }
        }
      }
    },
    "warning": {
      "100": {
        "$type": "color",
        "$value": "colors.warning.90",
        "$description": "Reserved for the "floor" of the page, or the lowest elevation surface\nUse for: Page backgrounds",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "200": {
        "$type": "color",
        "$value": "colors.warning.50",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "initial": {
        "$type": "color",
        "$value": "colors.warning.70",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      }
    },
    "info": {
      "100": {
        "$type": "color",
        "$value": "colors.info.90",
        "$description": "Reserved for the "floor" of the page, or the lowest elevation surface\nUse for: Page backgrounds",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "200": {
        "$type": "color",
        "$value": "colors.info.50",
        "$description": "Reserved for the "floor" of the page, or the lowest elevation surface\nUse for: Page backgrounds",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "initial": {
        "$type": "color",
        "$value": "colors.info.70",
        "$description": "Reserved for the "floor" of the page, or the lowest elevation surface\nUse for: Page backgrounds",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL"],
            "codeSyntax": {}
          }
        }
      }
    }
  },
  "border": {
    "page": {
      "100": {
        "$type": "color",
        "$value": "colors.neutral.60",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["ALL_SCOPES"],
            "codeSyntax": {}
          }
        }
      },
      "200": {
        "$type": "color",
        "$value": "colors.neutral.50",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["STROKE_COLOR"],
            "codeSyntax": {}
          }
        }
      },
      "initial": {
        "$type": "color",
        "$value": "colors.neutral.70",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["STROKE_COLOR"],
            "codeSyntax": {}
          }
        }
      }
    },
    "success": {
      "100": {
        "$type": "color",
        "$value": "colors.success.30",
        "$description": "for use on less prominent actionable borders, like input fields etc",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["STROKE_COLOR"],
            "codeSyntax": {}
          }
        }
      },
      "initial": {
        "$type": "color",
        "$value": "colors.success.50",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["STROKE_COLOR"],
            "codeSyntax": {}
          }
        }
      }
    },
    "danger": {
      "100": {
        "$type": "color",
        "$value": "colors.danger.40",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["STROKE_COLOR"],
            "codeSyntax": {}
          }
        }
      },
      "initial": {
        "$type": "color",
        "$value": "colors.danger.30",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["STROKE_COLOR"],
            "codeSyntax": {}
          }
        }
      }
    },
    "action": {
      "100": {
        "$type": "color",
        "$value": "colors.neutral.30",
        "$description": "for use on less prominent actionable borders, like input fields etc",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["STROKE_COLOR"],
            "codeSyntax": {}
          }
        }
      },
      "initial": {
        "$type": "color",
        "$value": "colors.brand.30",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["STROKE_COLOR"],
            "codeSyntax": {}
          }
        }
      },
      "focus": {
        "$type": "color",
        "$value": "colors.brand.40",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["STROKE_COLOR"],
            "codeSyntax": {}
          }
        }
      }
    },
    "warning": {
      "initial": {
        "$type": "color",
        "$value": "colors.warning.20",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["STROKE_COLOR"],
            "codeSyntax": {}
          }
        }
      }
    },
    "info": {
      "100": {
        "$type": "color",
        "$value": "colors.info.70",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["STROKE_COLOR"],
            "codeSyntax": {}
          }
        }
      },
      "initial": {
        "$type": "color",
        "$value": "colors.info.50",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["STROKE_COLOR"],
            "codeSyntax": {}
          }
        }
      }
    },
    "secondary-action": {
      "100": {
        "$type": "color",
        "$value": "colors.teal.80",
        "$description": "for use on less prominent actionable borders, like input fields etc",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["STROKE_COLOR"],
            "codeSyntax": {}
          }
        }
      },
      "initial": {
        "$type": "color",
        "$value": "colors.teal.60",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["STROKE_COLOR"],
            "codeSyntax": {}
          }
        }
      },
      "focus": {
        "$type": "color",
        "$value": "colors.teal.50",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["STROKE_COLOR"],
            "codeSyntax": {}
          }
        }
      }
    }
  },
  "background": {
    "action": {
      "100": {
        "$type": "color",
        "$value": "colors.neutral.90",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "initial": {
        "$type": "color",
        "$value": "colors.brand.60",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "hover": {
        "$type": "color",
        "$value": "colors.brand.50",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "active": {
        "$type": "color",
        "$value": "colors.brand.70",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "100-hover": {
        "$type": "color",
        "$value": "colors.neutral.80",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      }
    },
    "page": {
      "100": {
        "$type": "color",
        "$value": "colors.neutral.80",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "200": {
        "$type": "color",
        "$value": "colors.neutral.70",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "initial": {
        "$type": "color",
        "$value": "colors.brand.100",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      }
    },
    "danger": {
      "initial": {
        "$type": "color",
        "$value": "colors.danger.80",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "hover": {
        "$type": "color",
        "$value": "colors.danger.40",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "active": {
        "$type": "color",
        "$value": "colors.danger.30",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      }
    },
    "info": {
      "initial": {
        "$type": "color",
        "$value": "colors.info.70",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "hover": {
        "$type": "color",
        "$value": "colors.info.90",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "active": {
        "$type": "color",
        "$value": "colors.info.50",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      }
    },
    "success": {
      "initial": {
        "$type": "color",
        "$value": "colors.success.50",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "hover": {
        "$type": "color",
        "$value": "colors.success.50",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "active": {
        "$type": "color",
        "$value": "colors.success.40",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      }
    },
    "secondary-action": {
      "initial": {
        "$type": "color",
        "$value": "colors.teal.100",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "hover": {
        "$type": "color",
        "$value": "colors.teal.90",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "active": {
        "$type": "color",
        "$value": "colors.teal.60",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      }
    }
  },
  "ghost": {
    "action": {
      "initial": {
        "$type": "color",
        "$value": "colors.brand.100",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "hover": {
        "$type": "color",
        "$value": "colors.brand.90",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "active": {
        "$type": "color",
        "$value": "colors.brand.80",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      }
    },
    "danger": {
      "initial": {
        "$type": "color",
        "$value": "colors.brand.100",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "hover": {
        "$type": "color",
        "$value": "colors.danger.90",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "active": {
        "$type": "color",
        "$value": "colors.danger.80",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      }
    },
    "success": {
      "initial": {
        "$type": "color",
        "$value": "colors.brand.100",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "hover": {
        "$type": "color",
        "$value": "colors.success.90",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "active": {
        "$type": "color",
        "$value": "colors.success.80",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      }
    },
    "secondary-action": {
      "initial": {
        "$type": "color",
        "$value": "colors.brand.100",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "hover": {
        "$type": "color",
        "$value": "colors.teal.100",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      },
      "active": {
        "$type": "color",
        "$value": "colors.teal.80",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["FRAME_FILL", "SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      }
    }
  },
  "WIP-data-viz": {
    "data-1": {
      "$type": "color",
      "$value": "#ffffff",
      "$description": "",
      "$extensions": {
        "com.figma": {
          "hiddenFromPublishing": false,
          "scopes": ["ALL_SCOPES"],
          "codeSyntax": {}
        }
      }
    },
    "data-2": {
      "$type": "color",
      "$value": "#ffffff",
      "$description": "",
      "$extensions": {
        "com.figma": {
          "hiddenFromPublishing": false,
          "scopes": ["ALL_SCOPES"],
          "codeSyntax": {}
        }
      }
    },
    "data-3": {
      "$type": "color",
      "$value": "#ffffff",
      "$description": "",
      "$extensions": {
        "com.figma": {
          "hiddenFromPublishing": false,
          "scopes": ["ALL_SCOPES"],
          "codeSyntax": {}
        }
      }
    },
    "data-4": {
      "$type": "color",
      "$value": "#ffffff",
      "$description": "",
      "$extensions": {
        "com.figma": {
          "hiddenFromPublishing": false,
          "scopes": ["ALL_SCOPES"],
          "codeSyntax": {}
        }
      }
    }
  },
  "backdrop": {
    "page": {
      "initial": {
        "$type": "color",
        "$value": "#130024bf",
        "$description": "",
        "$extensions": {
          "com.figma": {
            "hiddenFromPublishing": false,
            "scopes": ["SHAPE_FILL"],
            "codeSyntax": {}
          }
        }
      }
    }
  },
  "drop-shadow": {
    "sm": {
      "$type": "color",
      "$value": "colors.drop-shadow.sm",
      "$description": "",
      "$extensions": {
        "com.figma": {
          "hiddenFromPublishing": false,
          "scopes": ["EFFECT_COLOR"],
          "codeSyntax": {}
        }
      }
    },
    "md": {
      "$type": "color",
      "$value": "colors.drop-shadow.md",
      "$description": "",
      "$extensions": {
        "com.figma": {
          "hiddenFromPublishing": false,
          "scopes": ["EFFECT_COLOR"],
          "codeSyntax": {}
        }
      }
    },
    "lg": {
      "$type": "color",
      "$value": "colors.drop-shadow.lg",
      "$description": "",
      "$extensions": {
        "com.figma": {
          "hiddenFromPublishing": false,
          "scopes": ["EFFECT_COLOR"],
          "codeSyntax": {}
        }
      }
    }
  }
}