{
  "outer": {
    "padding": {
      "@base": {
        "value": "2px"
      },
      "narrow": {
        "value": "1px"
      }
    }
  },
  "inner": {
    "padding": {
      "@base": {
        "value": "8px"
      },
      "narrow": {
        "value": "7px"
      },
      "compact": {
        "value": "6px"
      },
      "touch": {
        "@base": {
          "value": "9px"
        },
        "narrow": {
          "value": "8px"
        }
      }
    }
  },
  "icon": {
    "fill": {
      "@base": {
        "value": {
          "light": "{color.gray.70}",
          "dark": "{color.gray.05}",
          "nativeTheme": "currentColor"
        }
      },
      "attention": {
        "@base": {
          "value": {
            "light": "{color.blue.60}",
            "dark": "{color.cyan.30}",
            "nativeTheme": "AccentColor"
          }
        },
        "text": {
          "value": {
            "light": "{color.gray.20}",
            "dark": "{color.gray.90}",
            "nativeTheme": "AccentColorText"
          }
        }
      }
    }
  },
  "disabled": {
    "opacity": {
      "value": "{button.opacity.disabled}"
    }
  },
  "border": {
    "radius": {
      "value": "{button.border.radius}"
    }
  },
  "hover": {
    "background": {
      "value": "color-mix(in srgb, currentColor 17%, transparent)"
    },
    "outline": {
      "color": {
        "value": {
          "default": "transparent",
          "prefersContrast": "currentColor",
          "forcedColors": "SelectedItem"
        }
      }
    }
  },
  "active": {
    "background": {
      "value": "color-mix(in srgb, currentColor 30%, transparent)"
    },
    "outline": {
      "color": {
        "value": {
          "default": "transparent",
          "prefersContrast": "currentColor",
          "forcedColors": "ButtonText"
        }
      }
    }
  },
  "selected": {
    "outline": {
      "color": {
        "value": {
          "default": "{toolbarbutton.active.outline.color}",
          "forcedColors": "SelectedItem"
        }
      }
    }
  },
  "outline": {
    "@base": {
      "value": "{border.width} solid {toolbarbutton.outline.color}"
    },
    "color": {
      "value": {
        "default": "transparent",
        "forcedColors": "ButtonText"
      }
    },
    "offset": {
      "value": "calc(-1 * {border.width})"
    }
  }
}