/* Base styles, variables and core animations */

:root {
    --sw-recents-width: 280px;
    --sw-chat-max-width: 900px;
    --sw-message-user-bg: var(--color-primary);
    --sw-message-ai-bg: var(--color-surface);
    --sw-input-bg: var(--color-surface);
}

/* Animations */
@keyframes sw-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.animate-spin {
    animation: sw-spin 1s linear infinite;
    display: inline-block;
}

@keyframes sw-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes messageSlideIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes status-pulse {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    100% {
        transform: scale(2.5);
        opacity: 0;
    }
}