/* ==========================================================================
   SYSTEM MESSAGES — v2
   ========================================================================== */

.messages {
    max-width: var(--container-max-width);
    margin: 30px auto 0 auto;
    padding: 0 20px;
}

.message {
    padding: 14px 18px;
    margin-bottom: 15px;
    border-radius: var(--radius-sm);
    font-size: 14px;
    line-height: 1.5;
}

/* Variants */
.message.success {
    background: var(--status-published-bg);
    color: var(--status-published-text);
}

.message.error {
    background: var(--status-rejected-bg);
    color: var(--status-rejected-text);
}

.message.warning {
    background: var(--status-pending-bg);
    color: var(--status-pending-text);
}

.message.info {
    background: rgba(232, 238, 245, 1);
    color: rgba(31, 58, 81, 1);
}