:root {
    --badge-bg: #10b981; /* Verde de fondo para los badges */
    --badge-text: white; /* Color del texto para los badges */
}

.badge {
    padding: 0.3rem 0.8rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    background: var(--badge-bg);
    color: var(--badge-text);
}

.badge-primary {
    background: #10b981;
    color: white;
}

.badge-secondary {
    background: #10b981;
    color: white;
}

.card-badge {
    background: #10b981;
    color: white;
    padding: 0.3rem 0.8rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}