/* =========================
   Badge Component
========================= */

.badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 13px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 800;
}

.badge-blue {
    background: #edf5fb;
    color: #2f5f86;
    border: 1px solid #c8dced;
}

.badge-cream {
    background: #fff7e8;
    color: #7a552c;
    border: 1px solid #e2cba9;
}

.badge-green {
    background: #eff8ef;
    color: #3f6f46;
    border: 1px solid #c9e1c9;
}

.badge-pink {
    background: #fff1f5;
    color: #9b3f63;
    border: 1px solid #e8b8c6;
}