focus.ring-width | 2px | Width of the focus ring outline — meets WCAG 2.2 minimum 2px |
focus.ring-offset | calc(var(--spacing) * 0.5) | Gap between the element border and the focus ring |
focus.ring-color | {primary} | Default focus ring color — uses primary brand color |
focus.ring-color-destructive | {destructive} | Focus ring color for destructive action elements |
focus.ring-color-dark | {primary} | Focus ring color in dark mode |
focus.ring-color-destructive-dark | {destructive} | Destructive focus ring color in dark mode |
focus.ring-style | solid | Border style of the focus ring — solid for maximum visibility |