♿️(frontend) improve contrast for selected options

add dark inner border to enhance visibility and accessibility

CHANGELOG.md

@@ -17,6 +17,7 @@ and this project adheres to
 ### Fixed
 
 - 🔒(backend) prevent automatic upgrade setuptools
+- ♿(frontend) improve contrast for selected options #863
 
 ## [1.3.0] - 2026-01-13
 

src/frontend/src/primitives/buttonRecipe.ts

@@ -112,7 +112,8 @@ export const buttonRecipe = cva({
         },
         transition: 'box-shadow 0.2s ease-in-out',
         '&[data-selected]': {
-          boxShadow: 'token(colors.primary.400) 0px 0px 0px 3px inset',
+          boxShadow:
+            '0 0 0 3px token(colors.primary.600) inset, 0 0 0 5px white inset',
         },
         '&[data-disabled]': {
           backgroundColor: 'greyscale.100',