{
  "nova": {
    "padding": {
      "inline": {
        "small": {
          "value": "{space.medium}"
        }
      }
    }
  },
  "background": {
    "color": {
      "@base": {
        "comment": "TODO Bug 1821203 - Gray use needs to be consolidated",
        "value": {
          "forcedColors": "ButtonFace",
          "brand": {
            "default": "color-mix(in srgb, currentColor 7%, transparent)"
          },
          "nativeTheme": "color-mix(in srgb, currentColor 13%, transparent)",
          "platform": {
            "light": "rgba(207, 207, 216, 0.33)",
            "dark": "rgba(0, 0, 0, 0.33)"
          }
        }
      },
      "hover": {
        "value": {
          "forcedColors": "SelectedItemText",
          "brand": {
            "default": "color-mix(in srgb, currentColor 14%, transparent)"
          },
          "nativeTheme": "color-mix(in srgb, currentColor 17%, transparent)",
          "platform": {
            "light": "rgba(207, 207, 216, 0.66)",
            "dark": "rgba(207, 207, 216, 0.2)"
          }
        }
      },
      "active": {
        "value": {
          "forcedColors": "SelectedItemText",
          "brand": {
            "default": "color-mix(in srgb, currentColor 21%, transparent)"
          },
          "nativeTheme": "color-mix(in srgb, currentColor 30%, transparent)",
          "platform": {
            "light": "rgb(207, 207, 216)",
            "dark": "rgba(207, 207, 216, 0.4)"
          }
        }
      },
      "disabled": {
        "value": {
          "default": "{button.background.color.@base}",
          "forcedColors": "ButtonFace"
        }
      },
      "primary": {
        "@base": {
          "value": "{color.accent.primary.@base}"
        },
        "hover": {
          "value": "{color.accent.primary.hover}"
        },
        "active": {
          "value": "{color.accent.primary.active}"
        },
        "disabled": {
          "value": {
            "default": "{button.background.color.primary.@base}",
            "forcedColors": "{button.text.color.disabled}"
          }
        },
        "selected": {
          "value": "{button.background.color.primary.active}"
        }
      },
      "destructive": {
        "@base": {
          "value": {
            "light": "{color.red.60}",
            "dark": "{color.red.30}",
            "forcedColors": "{button.background.color.primary.@base}"
          }
        },
        "active": {
          "value": {
            "light": "{color.red.80}",
            "dark": "{color.red.10}",
            "forcedColors": "{button.background.color.primary.active}"
          }
        },
        "disabled": {
          "value": {
            "default": "{button.background.color.destructive.@base}",
            "forcedColors": "{button.background.color.primary.disabled}"
          }
        },
        "hover": {
          "value": {
            "light": "{color.red.70}",
            "dark": "{color.red.20}",
            "forcedColors": "{button.background.color.primary.hover}"
          }
        },
        "selected": {
          "value": "{button.background.color.destructive.active}"
        }
      },
      "ghost": {
        "@base": {
          "value": {
            "default": "transparent",
            "forcedColors": "ButtonFace",
            "brand": {
              "forcedColors": "ButtonFace"
            },
            "nativeTheme": "transparent"
          }
        },
        "active": {
          "value": "{button.background.color.active}"
        },
        "disabled": {
          "value": {
            "default": "{button.background.color.ghost.@base}",
            "brand": {
              "forcedColors": "{button.background.color.disabled}"
            }
          }
        },
        "hover": {
          "value": "{button.background.color.hover}"
        },
        "selected": {
          "value": "{button.background.color.ghost.active}"
        }
      },
      "muted": {
        "@base": {
          "value": "{button.background.color.@base}"
        },
        "active": {
          "value": "{button.background.color.active}"
        },
        "hover": {
          "value": "{button.background.color.hover}"
        },
        "disabled": {
          "value": "{button.background.color.disabled}"
        },
        "selected": {
          "value": "{button.background.color.muted.active}"
        }
      },
      "menu": {
        "@base": {
          "value": "{button.background.color.ghost.@base}"
        },
        "active": {
          "value": {
            "default": "{button.background.color.ghost.active}",
            "forcedColors": "{button.background.color.primary.@base}"
          }
        },
        "disabled": {
          "value": "{button.background.color.ghost.disabled}"
        },
        "hover": {
          "value": {
            "default": "{button.background.color.ghost.hover}",
            "forcedColors": "{button.background.color.primary.@base}"
          }
        },
        "selected": {
          "value": {
            "default": "{button.background.color.ghost.selected}",
            "forcedColors": "{button.background.color.primary.selected}"
          }
        }
      },
      "selected": {
        "value": "{button.background.color.active}"
      },
      "toolbar": {
        "@base": {
          "value": {
            "default": "transparent",
            "brand": {
              "forcedColors": "{button.background.color.@base}"
            }
          }
        },
        "active": {
          "value": "{toolbarbutton.background.color.active}"
        },
        "disabled": {
          "value": {
            "default": "{button.background.color.ghost.@base}",
            "brand": {
              "forcedColors": "{button.background.color.disabled}"
            }
          }
        },
        "hover": {
          "value": "{toolbarbutton.background.color.hover}"
        },
        "selected": {
          "value": "{button.background.color.ghost.active}"
        }
      }
    }
  },
  "badge": {
    "background": {
      "color": {
        "value": "{color.accent.attention}"
      }
    },
    "size": {
      "value": "6px"
    }
  },
  "border": {
    "@base": {
      "value": "{border.width} solid {button.border.color.@base}"
    },
    "color": {
      "@base": {
        "value": {
          "default": "transparent",
          "prefersContrast": "{button.text.color.@base}",
          "forcedColors": "{border.color.interactive.@base}"
        }
      },
      "active": {
        "value": {
          "default": "{button.border.color.@base}",
          "forcedColors": "{border.color.interactive.active}"
        }
      },
      "destructive": {
        "@base": {
          "value": {
            "default": "transparent",
            "forcedColors": "{button.border.color.primary.@base}"
          }
        },
        "active": {
          "value": {
            "default": "{button.border.color.destructive.@base}",
            "forcedColors": "{button.border.color.primary.active}"
          }
        },
        "disabled": {
          "value": {
            "default": "{button.border.color.destructive.@base}",
            "forcedColors": "{button.border.color.primary.disabled}"
          }
        },
        "hover": {
          "value": {
            "default": "{button.border.color.destructive.@base}",
            "forcedColors": "{button.border.color.primary.hover}"
          }
        },
        "selected": {
          "value": "{button.border.color.destructive.active}"
        }
      },
      "disabled": {
        "value": {
          "default": "{button.border.color.@base}",
          "forcedColors": "{border.color.interactive.disabled}"
        }
      },
      "ghost": {
        "@base": {
          "value": {
            "default": "{button.border.color.@base}",
            "prefersContrast": "{button.border.color.@base}"
          }
        },
        "active": {
          "value": {
            "default": "{button.border.color.active}"
          }
        },
        "disabled": {
          "value": {
            "default": "{button.border.color.disabled}"
          }
        },
        "hover": {
          "value": {
            "default": "{button.border.color.hover}"
          }
        },
        "selected": {
          "value": "{button.border.color.ghost.active}"
        }
      },
      "menu": {
        "@base": {
          "value": {
            "default": "{button.border.color.ghost.@base}"
          }
        },
        "active": {
          "value": {
            "default": "{button.border.color.ghost.active}"
          }
        },
        "disabled": {
          "value": {
            "default": "{button.border.color.ghost.disabled}"
          }
        },
        "hover": {
          "value": {
            "default": "{button.border.color.ghost.hover}"
          }
        },
        "selected": {
          "value": "{button.border.color.menu.active}"
        }
      },
      "muted": {
        "@base": {
          "value": "{button.border.color.@base}"
        },
        "active": {
          "value": "{button.border.color.active}"
        },
        "hover": {
          "value": "{button.border.color.hover}"
        },
        "disabled": {
          "value": "{button.border.color.disabled}"
        },
        "selected": {
          "value": "{button.border.color.muted.active}"
        }
      },
      "hover": {
        "value": {
          "default": "{button.border.color.@base}",
          "forcedColors": "{border.color.interactive.hover}"
        }
      },
      "primary": {
        "@base": {
          "value": {
            "default": "transparent",
            "forcedColors": "ButtonFace"
          }
        },
        "active": {
          "value": {
            "default": "{button.border.color.primary.@base}",
            "forcedColors": "ButtonText"
          }
        },
        "disabled": {
          "value": "{button.border.color.primary.@base}"
        },
        "hover": {
          "value": {
            "default": "{button.border.color.primary.@base}",
            "forcedColors": "SelectedItemText"
          }
        },
        "selected": {
          "value": "{button.border.color.primary.active}"
        }
      },
      "selected": {
        "value": "{button.border.color.active}"
      },
      "toolbar": {
        "@base": {
          "value": {
            "default": "{button.border.color.@base}"
          }
        },
        "active": {
          "value": {
            "default": "{button.border.color.active}"
          }
        },
        "disabled": {
          "value": {
            "default": "{button.border.color.disabled}"
          }
        },
        "hover": {
          "value": {
            "default": "{button.border.color.hover}"
          }
        },
        "selected": {
          "value": "{button.border.color.ghost.active}"
        }
      }
    },
    "radius": {
      "value": "{border.radius.medium}"
    }
  },
  "content": {
    "alignment": {
      "value": "center"
    }
  },
  "font": {
    "size": {
      "@base": {
        "value": "{font.size.root}"
      },
      "small": {
        "value": "{font.size.small}"
      }
    },
    "weight": {
      "value": "{font.weight.semibold}"
    }
  },
  "icon": {
    "fill": {
      "value": "currentColor"
    },
    "stroke": {
      "value": "{button.icon.fill}"
    }
  },
  "min-height": {
    "@base": {
      "value": "{size.item.large}"
    },
    "small": {
      "value": "{size.item.medium}"
    },
    "large": {
      "value": "40px"
    }
  },
  "opacity": {
    "disabled": {
      "value": {
        "default": "0.5",
        "forcedColors": "1"
      }
    }
  },
  "padding": {
    "@base": {
      "value": "{button.padding.block.@base} {button.padding.inline.@base}"
    },
    "block": {
      "@base": {
        "value": "{space.xsmall}"
      },
      "large": {
        "value": "{space.small}"
      },
      "small": {
        "value": "{space.xxsmall}"
      }
    },
    "inline": {
      "@base": {
        "value": "{space.large}"
      },
      "large": {
        "value": "{space.xlarge}"
      },
      "small": {
        "value": "{button.padding.inline.@base}"
      }
    },
    "icon": {
      "value": 0
    }
  },
  "size": {
    "icon": {
      "@base": {
        "value": "{button.min-height.@base}"
      },
      "small": {
        "value": "{button.min-height.small}"
      },
      "large": {
        "value": "{button.min-height.large}"
      }
    }
  },
  "text": {
    "color": {
      "@base": {
        "value": {
          "forcedColors": "ButtonText",
          "brand": {
            "light": "{color.gray.100}",
            "dark": "{color.gray.0}"
          },
          "nativeTheme": "currentColor",
          "platform": {
            "light": "rgb(21, 20, 26)",
            "dark": "rgb(251, 251, 254)"
          }
        }
      },
      "active": {
        "value": {
          "default": "{button.text.color.@base}",
          "forcedColors": "SelectedItem"
        }
      },
      "destructive": {
        "@base": {
          "value": {
            "light": "{color.white.@base}",
            "dark": "{color.gray.100}",
            "forcedColors": "{button.text.color.primary.@base}"
          }
        },
        "active": {
          "value": {
            "default": "{button.text.color.destructive.@base}",
            "forcedColors": "{button.text.color.primary.active}"
          }
        },
        "disabled": {
          "value": {
            "default": "{button.text.color.destructive.@base}",
            "forcedColors": "{button.text.color.primary.disabled}"
          }
        },
        "hover": {
          "value": {
            "default": "{button.text.color.destructive.@base}",
            "forcedColors": "{button.text.color.primary.hover}"
          }
        },
        "selected": {
          "value": "{button.text.color.destructive.active}"
        }
      },
      "disabled": {
        "value": {
          "default": "{button.text.color.@base}",
          "forcedColors": "GrayText"
        }
      },
      "ghost": {
        "@base": {
          "value": {
            "default": "inherit",
            "brand": {
              "prefersContrast": "{button.text.color.@base}",
              "forcedColors": "{button.text.color.@base}"
            }
          }
        },
        "active": {
          "value": {
            "default": "inherit",
            "prefersContrast": "{button.text.color.active}",
            "forcedColors": "{button.text.color.active}"
          }
        },
        "disabled": {
          "value": {
            "default": "inherit",
            "brand": {
              "prefersContrast": "{button.text.color.disabled}",
              "forcedColors": "{button.text.color.disabled}"
            }
          }
        },
        "hover": {
          "value": {
            "default": "inherit",
            "prefersContrast": "{button.text.color.hover}",
            "forcedColors": "{button.text.color.hover}"
          }
        },
        "selected": {
          "value": "{button.text.color.ghost.active}"
        }
      },
      "muted": {
        "@base": {
          "value": "{button.text.color.@base}"
        },
        "active": {
          "value": "{button.text.color.active}"
        },
        "hover": {
          "value": "{button.text.color.hover}"
        },
        "disabled": {
          "value": "{button.text.color.disabled}"
        },
        "selected": {
          "value": "{button.text.color.muted.active}"
        }
      },
      "hover": {
        "value": {
          "default": "{button.text.color.@base}",
          "forcedColors": "SelectedItem"
        }
      },
      "menu": {
        "@base": {
          "value": "{button.text.color.ghost.@base}"
        },
        "active": {
          "value": {
            "default": "{button.text.color.ghost.active}",
            "forcedColors": "{button.text.color.primary.@base}"
          }
        },
        "disabled": {
          "value": "{button.text.color.ghost.disabled}"
        },
        "hover": {
          "value": {
            "default": "{button.text.color.ghost.hover}",
            "forcedColors": "{button.text.color.primary.@base}"
          }
        },
        "selected": {
          "value": {
            "default": "{button.text.color.ghost.selected}",
            "forcedColors": "{button.text.color.primary.selected}",
            "nativeTheme": "currentColor"
          }
        }
      },
      "primary": {
        "@base": {
          "value": {
            "forcedColors": "ButtonFace",
            "brand": {
              "light": "{color.white.@base}",
              "dark": "{color.gray.100}"
            },
            "nativeTheme": "AccentColorText",
            "platform": {
              "light": "rgb(251, 251, 254)",
              "dark": "rgb(43, 42, 51)"
            }
          }
        },
        "active": {
          "value": "{button.text.color.primary.hover}"
        },
        "disabled": {
          "value": "{button.text.color.primary.@base}"
        },
        "hover": {
          "value": {
            "default": "{button.text.color.primary.@base}",
            "forcedColors": "SelectedItemText"
          }
        },
        "selected": {
          "value": "{button.text.color.primary.active}"
        }
      },
      "selected": {
        "value": "{button.text.color.active}"
      },
      "toolbar": {
        "@base": {
          "value": {
            "default": "inherit",
            "brand": {
              "prefersContrast": "{button.text.color.@base}",
              "forcedColors": "{button.text.color.@base}"
            }
          }
        },
        "active": {
          "value": {
            "default": "inherit",
            "prefersContrast": "{button.text.color.active}",
            "forcedColors": "{button.text.color.active}"
          }
        },
        "disabled": {
          "value": {
            "default": "inherit",
            "brand": {
              "prefersContrast": "{button.text.color.disabled}",
              "forcedColors": "{button.text.color.disabled}"
            }
          }
        },
        "hover": {
          "value": {
            "default": "inherit",
            "prefersContrast": "{button.text.color.hover}",
            "forcedColors": "{button.text.color.hover}"
          }
        },
        "selected": {
          "value": "{button.text.color.ghost.active}"
        }
      }
    }
  },
  "attention": {
    "dot": {
      "color": {
        "value": "{color.accent.attention}"
      }
    }
  }
}