/*
  a11y.css

  Skip link + consistent focus-visible styling.
*/

.skip-link {
  position: absolute;
  left: 12px;
  top: 10px;
  padding: 0.55rem 0.85rem;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.9);
  border: 1px solid rgba(42, 255, 138, 0.55);
  color: var(--green-base);
  text-decoration: none;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-family: "Cinzel", serif;
  font-size: 0.72rem;
  z-index: 1000;
  transform: translateY(-160%);
  transition: transform 120ms ease;
}

.skip-link:focus,
.skip-link:focus-visible {
  transform: translateY(0);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid var(--green-hot-1);
  outline-offset: 3px;
}