* fix(design-system): DS::Toggle a11y + token swaps
Closes#1746. Four fixes on the toggle primitive (visual switch
backed by a sr-only checkbox).
1. **Focus ring (WCAG 2.4.7)** — the `<input>` is `sr-only`, so the
browser-default focus ring lands on an invisible 0px element.
The label (the track) had no focus styling, meaning the
component had **no visible focus indicator at all**. Add
`peer-focus-visible:ring-2 ring-offset-2 ring-gray-900` with
`theme-dark:peer-focus-visible:ring-white` so the ring appears
on the visible track when the underlying checkbox receives
keyboard focus.
2. **Role semantics** — visual is a switch, but the element was
announced as "checkbox, checked" because the native input is
a checkbox. Add `role="switch"` so AT users hear "switch, on"
/ "switch, off". `aria-checked` is inherited from the
checkbox's checked state, no manual wiring needed.
3. **Token swaps** — replace raw palette references with semantic
tokens:
- Track `bg-gray-100 theme-dark:bg-gray-700` → `bg-surface-inset`
- Checked `peer-checked:bg-green-600` → `peer-checked:bg-success`
Picks up the contrast bump from #1735 automatically.
4. **Motion safety (WCAG 2.3.3)** — gate the bg color +
thumb-translate transitions behind `motion-safe:`. Reduced-motion
users see an instant state snap; everyone else gets the
existing 300ms ease.
API unchanged. Existing 8 callsites (settings/preferences,
settings/appearances, account_sharings, budgets/edit,
recurring_transactions, styled_form_builder bridge) work without
changes.
* fix(review): use alpha tokens for Toggle focus ring
Swap raw palette (ring-gray-900 / theme-dark:ring-white) on the
DS::Toggle focus ring to ring-alpha-black-300 / ring-alpha-white-300
to match the focus-ring token pattern already used by
form-field, provider_card, and shared/_badge.
Closes AI review feedback on #1843.
