Link `focus` and `hover` should follow WAI-ARIA WCAG AA guidelines

Not sure if this is something this repo can use, but decided to open an issue.

Code Example 1

a {
    color: #2AB1E3;
}
a:focus, a:hover {
    color: #1892BF;
}

Gives the following result:

The above makes it hard to tell if the website is confirming you are hovering over a link with bad eye sight.

Code Example 2

a {
    color: #2AB1E3;
}
a:focus, a:hover {
    color: #083644;
}

Gives the following result:

The above makes it obvious the website is confirming you are hovering over a link with poor eye sight.

W3c Spec

Did a search and can find info on focus ring. But no mention above hover

Link: https://www.w3.org/WAI/standards-guidelines/wcag/new-in-22/#2411-focus-appearance-aa

Start with the two CSS examples in the issue and review the linked W3C WCAG 2.2 focus-appearance guidance. No repository file or test is named; the work is done when the project has a decided, documented position on how focus and hover indicators should relate to accessibility guidance.