/* A fallback for native outlines. Component focus-within rules take precedence. */
:where(:root) { --name-si-focus: #efc63c; -webkit-tap-highlight-color: rgba(230,179,28,.17); }
:where(:focus-visible) { outline: 2px solid var(--name-si-focus); outline-offset: 3px; }
:where(a,button,summary,[role=button]):where(:focus-visible) { border-radius: 4px; }
:where(.dashboard-theme-light,[data-theme="light"],.theme-light) { --name-si-focus: #846200; }
@media (forced-colors:active) { :where(:focus-visible) { outline-color: Highlight; } }