/*
  Wortic macOS UI Kit — Focus Ring
  Foco de teclado precisa ser inequívoco. Nunca remover outline sem
  substituir por um :focus-visible claro.

  Anel duplo macOS: traço fino de accent (outline) + halo suave
  (box-shadow com accent translúcido). Componentes que definem o
  próprio box-shadow no layer components mantêm ao menos o outline.
*/

@layer base {
  :focus {
    outline: none;
  }

  .wm-focusable:focus-visible,
  [data-wm-focusable]:focus-visible {
    outline: var(--wm-focus-ring-width) solid var(--wm-accent);
    outline-offset: var(--wm-focus-ring-offset);
    box-shadow: 0 0 0 var(--wm-focus-halo-width, 4px) var(--wm-accent-fill);
    border-radius: inherit;
  }

  /* Uso genérico: qualquer elemento interativo nativo herda o anel
     a menos que já implemente o seu próprio (ex: switch, slider). */
  button:focus-visible,
  a:focus-visible,
  input:focus-visible,
  select:focus-visible,
  textarea:focus-visible,
  [tabindex]:focus-visible {
    outline: var(--wm-focus-ring-width) solid var(--wm-accent);
    outline-offset: var(--wm-focus-ring-offset);
    box-shadow: 0 0 0 var(--wm-focus-halo-width, 4px) var(--wm-accent-fill);
  }
}