/**
 * DIGITAL SEBA - Accessibility Enhancements
 * Additive only. Does not change any resting/default appearance —
 * only adds visible keyboard-focus states and a skip-to-content link,
 * both invisible until a keyboard user actually tabs.
 */

.ds-skip-link {
  position: absolute;
  top: -48px;
  left: 8px;
  z-index: 9999;
  background: var(--primary, #2563EB);
  color: #fff;
  padding: 10px 18px;
  border-radius: var(--radius-md, 8px);
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  transition: top 0.2s ease;
}

.ds-skip-link:focus {
  top: 8px;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid var(--primary, #2563EB);
  outline-offset: 2px;
  border-radius: var(--radius-sm, 4px);
}