/* Keyboard Navigation Styles */

.keyboard-focus {
  @apply ring-2 ring-amber-400 ring-offset-2 rounded-lg;
  transition: all 0.2s ease;
}

/* Chord indicator animation */
#chord-indicator {
  animation: slideInFromRight 0.2s ease-out;
}

@keyframes slideInFromRight {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

/* Keyboard shortcut key styling */
kbd {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}