/*
  Focal: keyboard focus as light. Styles.

  The outline is the indicator. The light comes from Sill, not from these styles.
  --focal-ring is set per element by Focal from measured contrast.
*/

html.focal :focus-visible {
  outline: var(--focal-ring-width, 2px) solid var(--focal-ring, #0a94ff);
  outline-offset: var(--focal-ring-offset, 3px);
}

@media (forced-colors: active) {
  html.focal :focus-visible { outline-color: Highlight; }
}