/* Custom styles for acts_memorization app */

.break-point {
    color: #4f46e5; /* indigo-600 */
    font-weight: bold;
    margin: 0 4px;
    opacity: 0.6;
}
.break-point::before {
    content: '/';
}

.playing {
    background-color: #eef2ff; /* indigo-50 */
    border-left: 4px solid #4f46e5;
}

.karaoke-highlight {
    background-color: #fef08a; /* yellow-200 */
    color: #b45309; /* amber-700 */
    border-radius: 2px;
    padding: 0 2px;
    margin: 0 -2px;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.verse-text {
    line-height: 1.8;
}

/* Pause animation (optional visual cue) */
.paused {
    background-color: #f3f4f6; /* gray-100 */
    border-left: 4px solid #9ca3af; /* gray-400 */
}