html,
body {
    padding: 0;
    margin: 0;
    font-family: "IBM Plex Sans", sans-serif;
    color: rgb(108, 117, 125);
}

/* ==========================================================================
   Messages
   Error, warning, and status messages matching login card style.
   ========================================================================== */

.messages {
    margin-bottom: 1.25rem;
    padding: 0.8rem 1rem 0.8rem 2.5rem;
    border-radius: 10px;
    font-size: 0.825rem;
    line-height: 1.5;
}

.messages ul {
    margin: 0;
    padding-left: 1.2em;
}

.messages.error {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
}

.messages.warning {
    background: #fffbeb;
    border: 1px solid #fed7aa;
    color: #92400e;
}

.messages.status {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #166534;
}