.badge{padding:var(--space-2) var(--space-8);border-radius:var(--radius-badge);font-family:var(--font-family-secondary), sans-serif;font-size:var(--font-size-caption);line-height:var(--line-height-20);letter-spacing:0;text-align:center;white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.badge--bold{color:var(--text-strong);font-weight:600}.badge--regular{color:var(--text-body);font-weight:400}.badge--brand{background-color:var(--surface-brand);color:var(--text-on-brand)}.badge--light{background-color:var(--surface-strong);color:var(--text-on-brand)}.badge--dark{background-color:var(--surface-base);color:var(--text-heading)}.badge--on-brand{background-color:var(--surface-on-brand);color:var(--text-on-brand)}.badge--subtle{background-color:var(--surface-subtle)}.badge--on-surface{background-color:var(--surface-muted)}.badge--compact{padding:var(--space-2) var(--space-4);font-size:var(--font-size-caption-small);font-weight:600;line-height:var(--line-height-12);border-radius:var(--radius-4)}