/* messages.css — Dravya Studio */

.message {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-md);
    border-radius: var(--border-radius-base);
    margin-bottom: var(--spacing-md);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
    border: 1px solid transparent;
    backdrop-filter: blur(10px);
    box-shadow: var(--shadow-sm);
    animation: messageEntrance 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes messageEntrance {
    from {
        opacity: 0;
        transform: translateY(-12px) scale(0.96);
    }

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

.message--success {
    background: rgba(236, 253, 245, 0.95);
    color: var(--color-success);
    border-color: rgba(13, 159, 110, 0.25);
}

.message--error {
    background: rgba(254, 242, 242, 0.95);
    color: var(--color-error);
    border-color: rgba(220, 38, 38, 0.25);
}

.message--warning {
    background: rgba(255, 251, 235, 0.95);
    color: var(--color-warning);
    border-color: rgba(217, 119, 6, 0.25);
}

.message--info {
    background: rgba(239, 246, 255, 0.95);
    color: var(--color-info);
    border-color: rgba(37, 99, 235, 0.25);
}