/* The one keyboard focus ring (Phase 9, pick 2A; tokens in styles/theme.css). Components that style their own
 * focus use the same tokens; this is the default for any control that doesn't. Low specificity (:where), so a
 * component's own focus look — a menu item's highlight — still wins. Text editors are not in the list: the
 * caret shows where you are, and a box around a note would be noise; nor are text fields, which show focus their
 * own way (the palette's search field is the palette). */
:where(button, a[href], input:is([type="checkbox"], [type="radio"], [type="range"], [type="color"], [type="file"], [type="button"], [type="submit"], [type="reset"]),
    select, summary, [tabindex]:not([tabindex="-1"]):not([contenteditable]):not(input):not(textarea),
    [role="button"], [role="tab"], [role="menuitem"], [role="option"], [role="link"]):focus-visible {
    outline: var(--focus-outline);
    outline-offset: var(--focus-outline-offset);
}