/**
 * Global keyboard-focus baseline
 * WCAG 2.4.7 Focus Visible (AA) + 1.4.11 Non-text Contrast (AA)
 *
 * One :focus-visible ring for every focusable element, so nothing can fall through
 * the gaps left by per-component focus rules. Colour/size come from the
 * --focus-ring-* tokens (tokens.css); a dark-surface container overrides
 * --focus-ring-color locally to keep the ring ≥3:1 against its background.
 *
 * Loaded globally right after tokens.css. It only styles :focus-visible (keyboard
 * focus), so it does not reintroduce the pointer-focus outline that style.css
 * suppresses via :focus:not(:focus-visible). Where the parent theme already defines
 * a higher-specificity focus ring, that ring wins — still a visible indicator; this
 * baseline guarantees one everywhere else. No !important needed.
 */
:focus-visible {
    outline: var(--focus-ring-width) solid var(--focus-ring-color);
    outline-offset: var(--focus-ring-offset);
}