Address final Copilot review comments

- Fix Checkbox.css: Change 'Highlight' to 'highlight' for stylelint compliance
  CSS keywords are case-insensitive, using lowercase for consistency

- Fix Modal.tsx: Add --link-hover variable alongside --link-hover-color
  Ensures compatibility with both Modal.css and Typography link components
  that use different variable names for hover colors

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Co-Authored-By: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Author: 3 people

src/app/components/Checkbox.css

@@ -55,7 +55,7 @@
   background-color: var(--checkbox-focus-bg, #f1f1f1); /* theme.color.neutral.pageBackground */
 
   /* Browser default focus outline */
-  outline: 0.2rem auto Highlight;
+  outline: 0.2rem auto highlight;
   /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
   outline: 0.2rem auto -webkit-focus-ring-color; /* Fallback for webkit browsers */
 }

src/app/components/Modal/Modal.tsx

@@ -56,6 +56,7 @@ export function Card(
       style={{
         '--text-color': theme.color.text.default,
         '--link-color': linkColor,
+        '--link-hover': linkHover,
         '--link-hover-color': linkHover,
         ...style,
       } as React.CSSProperties}

src/app/components/Modal/__snapshots__/Modal.spec.tsx.snap

@@ -17,6 +17,7 @@ exports[`Modal matches snapshot 1`] = `
       style={
         Object {
           "--link-color": "#027EB5",
+          "--link-hover": "#0064A0",
           "--link-hover-color": "#0064A0",
           "--text-color": "#424242",
         }
@@ -107,6 +108,7 @@ exports[`Modal matches snapshot with children 1`] = `
       style={
         Object {
           "--link-color": "#027EB5",
+          "--link-hover": "#0064A0",
           "--link-hover-color": "#0064A0",
           "--text-color": "#424242",
         }

src/app/content/highlights/components/__snapshots__/ConfirmationModal.spec.tsx.snap

@@ -107,6 +107,7 @@ exports[`ConfirmationModal matches snapshot 1`] = `
       style={
         Object {
           "--link-color": "#027EB5",
+          "--link-hover": "#0064A0",
           "--link-hover-color": "#0064A0",
           "--text-color": "#424242",
         }

src/app/errors/components/__snapshots__/ErrorModal.spec.tsx.snap

@@ -66,6 +66,7 @@ exports[`ErrorModal matches snapshot 1`] = `
       style={
         Object {
           "--link-color": "#027EB5",
+          "--link-hover": "#0064A0",
           "--link-hover-color": "#0064A0",
           "--text-color": "#424242",
         }
@@ -252,6 +253,7 @@ exports[`ErrorModal matches snapshots with recorded error ids 1`] = `
       style={
         Object {
           "--link-color": "#027EB5",
+          "--link-hover": "#0064A0",
           "--link-hover-color": "#0064A0",
           "--text-color": "#424242",
         }