Update secondary color

[homing1]

Link: preview

This PR updates the grey and secondary semantic color in light theme.

Testing

1. Visit the following pages to review the affected colors, should still work on dark and high contrast theme. Compare with https://react.fluentui.dev/ . Also compare with https://design.learn.microsoft.com/

Badge | Atlas Design | Microsoft

• Background color

Button | Atlas Design | Microsoft

• Outline button hover

Input | Atlas Design | Microsoft

• Border hover
• Fluent input icon color doesn't change when pressed, update to match

Notification | Atlas Design | Microsoft

• Background color, border color

Pagination | Atlas Design | Microsoft

• Ellipsis color – no visible change
• Button border – no visible change
• Disabled color

Progress Bar | Atlas Design | Microsoft

• Background color

Steps | Atlas Design | Microsoft

• Background color

Tag | Atlas Design | Microsoft

• Outlined border color, background hover color
• Filled background color, background hover color
• Outlined and filled divider color

Additional information

[Optional]

Contributor checklist

• Did you update the description of this pull request with a review link and test steps?
• Did you submit a changeset? Changesets are required for all code changes.
• Does your pull request implement complex UI logic (js/ts)? Consider adding an integration test to test your user flow.
• Does your pull request add a new page to the documentation site? Add your new page for automated accessibility testing in /integration/tests/accessibility.
• Does your pull request change any transforms? Did you test they work on right to left?

[changeset-bot]

🦋 Changeset detected

Latest commit: bb2ca38

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@microsoft/atlas-css	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR