/* ORYN Design System v1 — Accessibility primitives. */

.o-visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0);
  white-space: nowrap; border: 0;
}

.o-skip-link {
  position: absolute; top: 0; left: 0;
  padding: 10px 14px;
  background: var(--panel-2);
  color: var(--text);
  border: 1px solid var(--line-strong);
  border-radius: 0 0 var(--radius-sm) 0;
  font-size: 14px; font-weight: 600;
  z-index: 1000;
  transform: translateY(-110%);
  transition: transform var(--motion-fast) var(--ease-standard);
}
.o-skip-link:focus { transform: translateY(0); outline: none; }

/* Universal focus ring — every interactive uses this. */
*:focus { outline: none; }
*:focus-visible {
  outline: none;
  box-shadow: var(--shadow-focus);
  border-radius: var(--radius-sm);
}