BEAUTIFUL FOCUS OUTLINES

Summary from the TLDR Design newsletter

Custom focus outlines improve accessibility, especially for keyboard users and those with motor impairments, and should be designed with WCAG guidelines for visibility and consistency. Using `:focus-visible` ensures focus styles only appear for keyboard navigation, while properties like `currentColor` and `outline-offset` help maintain clarity and contrast.