/* =========================================================================
   Nexus · focus.css — accessible focus rings with brand glow.
   ========================================================================= */

:focus { outline: none; }

:focus-visible {
  outline: 2px solid var(--nx-accent);
  outline-offset: 2px;
  border-radius: 6px;
  box-shadow: 0 0 0 4px var(--nx-accent-soft);
  transition: box-shadow var(--nx-dur-fast) var(--nx-ease);
}

button:focus-visible,
.btn:focus-visible,
[role="button"]:focus-visible {
  outline-offset: 3px;
}

input:focus-visible,
textarea:focus-visible {
  outline: none;
  border-color: var(--nx-accent) !important;
  box-shadow: 0 0 0 3px var(--nx-accent-soft) !important;
}

/* Skip link */
.nx-skip-link {
  position: absolute;
  top: -40px; left: 8px;
  background: var(--nx-accent);
  color: var(--nx-bg);
  padding: 8px 12px;
  border-radius: var(--nx-radius);
  font-weight: 600;
  z-index: 999;
  transition: top var(--nx-dur-base) var(--nx-ease);
}
.nx-skip-link:focus { top: 8px; }