What changed

• add shared animated focus, focus-visible, focus-within, and active-state theme primitives
• apply the focus treatment consistently across text, textarea, select, date, phone, file, code, checkbox, matrix, scale, and option controls
• propagate the configured form color to compound controls so custom form themes keep their expected focus color

Why

Form controls previously switched to a solid Tailwind ring immediately. This ports the smoother Justiciel interaction: the border and a subtle color-matched halo animate in and out over 200ms.

User impact

Public forms now have consistent, smoother focus and blur feedback while preserving keyboard focus visibility, error states, transparent themes, and custom form colors.

Validation

• npm run lint
• git diff --check
• local isolated Laravel/Nuxt environment
• browser verification on seeded classic and transparent public forms, including computed custom color, border, box shadow, transition duration, and focus transfer between inputs