/* 
 * Visual feedback styles
 * Styling for visual feedback during name reformatting
 */

/* Highlight animation for reformatted names */
.reformatted {
  animation: highlight-fade 1.5s ease;
}

@keyframes highlight-fade {
  0% { background-color: rgba(74, 108, 247, 0.2); }
  100% { background-color: transparent; }
}

/* Pulse animation for convention selector during reformatting */
.convention-selector.reformatting {
  animation: pulse 1s ease;
}

@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(74, 108, 247, 0.4); }
  70% { box-shadow: 0 0 0 10px rgba(74, 108, 247, 0); }
  100% { box-shadow: 0 0 0 0 rgba(74, 108, 247, 0); }
}