.badge{font-family:var(--font-family-secondary);font-size:var(--font-size-overline);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-overline);text-transform:uppercase;padding:var(--component-badge-padding);border-radius:var(--component-badge-border-radius);justify-content:center;align-items:center;gap:.25rem;display:inline-flex}.badge-primary{background-color:var(--button-primary-background);color:var(--button-primary-text)}.badge-secondary{background-color:var(--badge-secondary-background);color:var(--badge-secondary-text)}.badge-default{background-color:var(--button-default-background);color:var(--button-default-text)}.badge-muted{background-color:var(--button-muted-background);color:var(--button-muted-text)}.badge-accent{background-color:var(--color-accent-100);color:var(--color-accent-900)}.badge-accent-strong{background-color:var(--color-accent-500);color:var(--color-accent-900)}.badge-highlight{background-color:var(--surface-yellow);color:var(--greys-darkest)}