{
  "text": {
    "text-color-base": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.neutral.50}"
    },
    "text-color-muted": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.neutral.400}"
    },
    "text-color-link": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.blue.300}"
    },
    "text-color-code": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.neutral.400}"
    },
    "text-color-muted-hover": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.neutral.500}"
    },
    "text-color-link-hover": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.blue.300}"
    },
    "text-color-base-hover": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.neutral.200}"
    },
    "text-color-primary": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{brand.primary.primary-500}"
    },
    "text-color-primary-hover": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{brand.primary.primary-400}"
    },
    "text-color-secondary": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.violet.500}"
    },
    "text-color-secondary-hover": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.violet.400}"
    },
    "text-color-accent": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{brand.accent.accent-500}"
    },
    "text-color-accent-hover": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{brand.accent.accent-400}"
    },
    "text-base": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.neutral.50}"
    },
    "text-muted": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.neutral.400}"
    },
    "text-link": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.blue.300}"
    },
    "text-code": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.neutral.400}"
    },
    "text-muted-hover": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.neutral.500}"
    },
    "text-link-hover": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.blue.300}"
    },
    "text-base-hover": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.neutral.200}"
    },
    "text-primary": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{brand.primary.primary-500}"
    },
    "text-primary-hover": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{brand.primary.primary-400}"
    },
    "text-accent": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{brand.accent.accent-500}"
    },
    "text-accent-hover": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{brand.accent.accent-400}"
    },
    "text-danger-hover": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.red.500}"
    },
    "text-warning-hover": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.yellow.500}"
    },
    "text-success-hover": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.green.500}"
    },
    "text-success": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.green.400}"
    },
    "text-danger": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.red.400}"
    },
    "text-warning": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.yellow.400}"
    }
  },
  "background": {
    "bg-layer-1": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{brand.surfaces.surface-800}"
    },
    "bg-layer-2": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{brand.surfaces.surface-700}"
    },
    "bg-base": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{brand.surfaces.surface-900}"
    },
    "bg-canvas": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{brand.surfaces.surface-950}"
    },
    "bg-layer-1-hover": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{brand.surfaces.surface-700}"
    },
    "bg-layer-2-hover": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{brand.surfaces.surface-600}"
    },
    "bg-danger-hover": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.red.600}"
    },
    "bg-warning-hover": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.yellow.600}"
    },
    "bg-success-hover": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.green.600}"
    },
    "bg-success": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.green.800}"
    },
    "bg-danger": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.red.800}"
    },
    "bg-warning": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.yellow.800}"
    },
    "bg-backdrop": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "#00000040"
    },
    "bg-primary-hover": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{brand.primary.primary-400}"
    },
    "bg-primary": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{brand.primary.primary-500}"
    }
  },
  "border": {
    "border-base": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{brand.surfaces.surface-700}"
    },
    "border-base-hover": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.white}"
    },
    "border-warning": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.yellow.400}"
    },
    "border-success": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.green.400}"
    },
    "border-danger": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.red.400}"
    },
    "border-primary": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{brand.primary.primary-500}"
    },
    "boder-secondary": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.violet.500}"
    },
    "border-warning-hover": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.yellow.500}"
    },
    "border-success-hover": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.green.500}"
    },
    "border-danger-hover": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.red.500}"
    },
    "border-primary-hover": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{brand.primary.primary-400}"
    },
    "boder-secondary-hover": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.violet.400}"
    },
    "boder-accent": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{brand.accent.accent-500}"
    },
    "boder-accent-hover": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{brand.accent.accent-400}"
    }
  },
  "components": {
    "input": {
      "bg-input": {
        "$extensions": {
          "com.figma.scopes": [
            "ALL_SCOPES"
          ]
        },
        "$type": "color",
        "$value": "{brand.surfaces.surface-700}"
      },
      "bg-border-input": {
        "$extensions": {
          "com.figma.scopes": [
            "ALL_SCOPES"
          ]
        },
        "$type": "color",
        "$value": "{brand.surfaces.surface-600}"
      },
      "bg-input-hover": {
        "$extensions": {
          "com.figma.scopes": [
            "ALL_SCOPES"
          ]
        },
        "$type": "color",
        "$value": "{brand.surfaces.surface-600}"
      },
      "border-input-hover": {
        "$extensions": {
          "com.figma.scopes": [
            "ALL_SCOPES"
          ]
        },
        "$type": "color",
        "$value": "{brand.surfaces.surface-500}"
      },
      "text-placeholder": {
        "$extensions": {
          "com.figma.scopes": [
            "ALL_SCOPES"
          ]
        },
        "$type": "color",
        "$value": "{primitive.neutral.500}"
      }
    },
    "button": {
      "bg-button-secondary": {
        "$extensions": {
          "com.figma.scopes": [
            "ALL_SCOPES"
          ]
        },
        "$type": "color",
        "$value": "{brand.surfaces.surface-0}"
      },
      "border-button": {
        "$extensions": {
          "com.figma.scopes": [
            "ALL_SCOPES"
          ]
        },
        "$type": "color",
        "$value": "{border.border-base}"
      },
      "bg-button-primary": {
        "$extensions": {
          "com.figma.scopes": [
            "ALL_SCOPES"
          ]
        },
        "$type": "color",
        "$value": "{background.bg-primary}"
      },
      "text-button-secondary": {
        "$extensions": {
          "com.figma.scopes": [
            "ALL_SCOPES"
          ]
        },
        "$type": "color",
        "$value": "{brand.surfaces.surface-900}"
      }
    }
  },
  "outline": {
    "outline-primary": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{brand.primary.primary-500}"
    },
    "outline-danger": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.red.400}"
    },
    "outline-warning": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.yellow.400}"
    },
    "outline-success": {
      "$extensions": {
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      },
      "$type": "color",
      "$value": "{primitive.green.400}"
    }
  }
}