/* BADGES.CSS */

.badge {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .8px;
}

.badge-gold {
    background: rgba(212, 175, 55, .15);
    color: var(--gold-500);
}

.badge-success {
    background: rgba(34, 197, 94, .12);
    color: var(--success);
}

.badge-info {
    background: rgba(59, 130, 246, .12);
    color: var(--info);
}

.badge-warning {
    background: rgba(245, 158, 11, .12);
    color: var(--warning);
}

.badge-danger {
    background: rgba(239, 68, 68, .12);
    color: var(--danger);
}