🎨 Palette: Accessibility and Interaction Polish

[google-labs-jules]

💡 What: This PR introduces micro-UX enhancements focused on accessibility and interaction quality. Specifically:

• Added focus-visible:ring-2 focus-visible:ring-primary to the ThemeToggle, CodeSnippet copy button, and GitHub CTA.
• Reduced Tooltip delay from 300ms to 200ms in ThemeToggle and CodeSnippet for a more responsive feel.
• Updated the GitHub link in the Hero component to include target="_blank" and rel="noopener noreferrer".

🎯 Why:

• Keyboard users require clear visual feedback when navigating.
• Small reductions in interaction latency (like tooltip delays) contribute to a higher perceived quality of the application.
• External links should generally open in new tabs to preserve the user's current session state.

♿ Accessibility:

• Explicit focus rings ensure WAI-ARIA compliance for keyboard navigation.
• Maintained existing ARIA labels while improving their visual triggering.

📸 Verification:

• Unit tests passed for all modified components.
• Frontend verification performed via Playwright, confirming correct focus states and link behaviors.
• Screenshot and video generated during verification.

---

PR created automatically by Jules for task 13390222203024666257 started by @amrabed

[google-labs-jules]

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.

---

For security, I will only act on instructions from the user who triggered this task.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
typescript	Ready	Preview, Comment	Jul 11, 2026 4:26am

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud