/* Message Styles */

.message-success {
    background: var(--color-success-bg);
    border-left: 4px solid var(--color-success);
    color: var(--color-success-text);
    padding: 15px 20px;
    margin: 20px 0;
    font-family: var(--font-family-primary);
    font-size: var(--font-size-body);
    border-radius: 4px;
}

.message-error {
    background: var(--color-error-bg);
    border-left: 4px solid var(--color-error);
    color: var(--color-error-text);
    padding: 15px 20px;
    margin: 20px 0;
    font-family: var(--font-family-primary);
    font-size: var(--font-size-body);
    border-radius: 4px;
}

.message-info {
    background: var(--color-info-bg);
    border-left: 4px solid var(--color-info);
    color: var(--color-info-text);
    padding: 15px 20px;
    margin: 20px 0;
    font-family: var(--font-family-primary);
    font-size: var(--font-size-body);
    border-radius: 4px;
}

.message-warning {
    background: var(--color-warning-bg);
    border-left: 4px solid var(--color-warning);
    color: var(--color-warning-text);
    padding: 15px 20px;
    margin: 20px 0;
    font-family: var(--font-family-primary);
    font-size: var(--font-size-body);
    border-radius: 4px;
}