// The app's keyboard focus ring. `apps/web/src/styles.scss` draws it on
// every `:focus-visible` element that sets no outline of its own; components
// include it where the ring belongs on another element (the card that owns
// `overflow: hidden`, for one). `--app-focus-ring` is declared on `html` for
// both themes in `apps/web/src/m3-theme.scss`, so it needs no fallback;
// surfaces over video point it at the player's text colour
// (`_player-palette.scss`).
@mixin focus-ring-declarations($offset: 2px) {
    outline: 2px solid var(--app-focus-ring);
    outline-offset: $offset;
}