Update focus outline color so it coordinates with our branding

We're using the default focus outline at the moment, but we need to update the color so it meets the following criteria:

1. it meets color contrast criteria for accessibility purposes (so it should show up on light and dark backgrounds as appropriate)
2. it coordinates with our brand and design

Note that focus outline should never be hidden or removed.