/* ==========================================================
   Counter Doodle — Badge
   ========================================================== */

.badge {
    display: inline-flex;
    align-items: center;
    height: var(--badge-height);
    padding: 0 var(--space-8);
    border-radius: var(--radius-pill);
    font-size: var(--font-size-xs);
    font-weight: var(--font-bold);
    white-space: nowrap;
}

.badge-success { background: var(--color-success-soft); color: var(--color-success); }
.badge-danger  { background: var(--color-danger-soft);  color: var(--color-danger); }
.badge-primary { background: var(--color-primary-soft); color: var(--color-primary); }
.badge-warning { background: var(--color-warning-soft); color: var(--color-warning); }
.badge-neutral { background: var(--color-surface-alt);   color: var(--color-text-secondary); }