{
  "color": {
    "background": {
      "base": {
        "value": "{color.base.white.value}",
        "type": "color",
        "attributes": { "font": "base" }
      },
      "alt": {
        "value": "{color.base.blue_grey.100.value}",
        "type": "color",
        "attributes": { "font": "base" }
      },
      "disabled": {
        "value": "{color.base.blue_grey.100.value}",
        "type": "color",
        "attributes": { "font": "base" }
      },
      "inverse": {
        "value": "{color.base.blue_grey.900.value}",
        "type": "color",
        "attributes": { "font": "inverse" }
      },
      "success": {
        "value": "{color.base.green.600.value}",
        "type": "color",
        "attributes": { "font": "inverse" }
      },
      "error": {
        "value": "{color.base.red.600.value}",
        "type": "color",
        "attributes": { "font": "inverse" }
      },
      "warning": {
        "value": "{color.base.orange.800.value}",
        "type": "color",
        "attributes": { "font": "inverse" }
      },
      "info": {
        "value": "{color.base.light_blue.600.value}",
        "type": "color",
        "attributes": { "font": "inverse" }
      },
      "link": {
        "value": "{color.base.light_blue.600.value}",
        "type": "color",
        "attributes": { "font": "inverse" }
      },
      "low-priority": {
        "value": "{color.base.grey.600.value}",
        "type": "color",
        "attributes": { "font": "inverse" }
      },

      "button": {
        "primary": {
          "base": { "value": "{color.brand.primary.base.value}", "type": "color" },
          "disabled": { "value": "{color.brand.primary.light.value}", "type": "color" },
          "active": { "value": "{color.brand.primary.dark.value}", "type": "color" }
        },

        "secondary": {
          "base": { "value": "{color.brand.secondary.base.value}", "type": "color" },
          "disabled": { "value": "{color.brand.secondary.light.value}", "type": "color" },
          "active": { "value": "{color.brand.secondary.dark.value}", "type": "color" }
        }
      },

      "overlay": {
        "light": { "value": "#FFFFFFCC", "type": "color" },
        "dark": { "value": "#00000044", "type": "color" }
      }
    }
  }
}