:host([variant=information]) {
  --r-badge--icon--color: var(--r-status-info-regular, #3e5c73);
  --r-badge--border-color: var(--r-status-info-regular, #3e5c73);
  --r-badge--background-color: var(--r-status-info-soft, #f8fafb);
}

:host([variant=success]) {
  --r-badge--icon--color: var(--r-status-success-regular, #298535);
  --r-badge--border-color: var(--r-status-success-regular, #298535);
  --r-badge--background-color: var(--r-status-success-soft, #f7fdf8);
}

:host([variant=warning]) {
  --r-badge--icon--color: var(--r-status-warning-regular, #ff7429);
  --r-badge--border-color: var(--r-status-warning-regular, #ff7429);
  --r-badge--background-color: var(--r-status-warning-soft, #fef9f5);
}

:host([variant=error]) {
  --r-badge--icon--color: var(--r-status-error-regular, #b00c15);
  --r-badge--border-color: var(--r-status-error-regular, #b00c15);
  --r-badge--background-color: var(--r-status-error-soft, #fef6f6);
}

:host {
  display: var(--display, inline-flex);
  line-height: var(--line-height, var(--r-line-height-s, 1.2));
}

.r-badge {
  display: var(--r-badge--display, inline-flex);
  justify-content: var(--r-badge--justify-content, center);
  align-items: var(--r-badge--align-items, center);
  gap: var(--r-badge--gap, var(--r-spacing-025, 0.25rem));
  padding: var(--r-badge--padding, 0.05rem 0.5rem);
  margin: var(--r-badge--margin, 0);
  color: var(--r-badge--text--color, var(--r-text-regular, #282828));
  border-width: var(--r-badge--border-width, 1.2px);
  border-style: var(--r-badge--border-style, solid);
  border-color: var(--r-badge--border-color, var(--r-status-info-regular, #3e5c73));
  border-radius: var(--r-badge--border-radius, var(--r-spacing-150, 1.5rem));
  background-color: var(--r-badge--background-color, var(--r-status-info-soft, #f8fafb));
  box-sizing: var(--r-badge--box-sizing, border-box);
  font-family: var(--r-badge--font-family, var(--r-font-family-text, system-ui));
  font-weight: var(--r-badge--font-weight, var(--r-font-weight-regular, 400));
  font-size: var(--r-badge--font-size, var(--r-font-size-300, 0.875rem));
  line-height: var(--r-badge--line-height, var(--r-line-height-m, 1.5));
  text-transform: var(--r-badge--text-transform, none);
}
.r-badge slot[name=icon] {
  color: var(--r-badge--icon--color, var(--r-status-info-regular, #3e5c73));
}
.r-badge--icon {
  display: var(--r-badge--icon--display, inline-flex);
}
.r-badge--content {
  min-width: var(--r-badge--content--min-width, none);
  max-width: var(--r-badge--content--max-width, none);
  overflow: var(--r-badge--content--overflow, hidden);
  white-space: var(--r-badge--content--white-space, nowrap);
  text-overflow: var(--r-badge--content--text-overflow, ellipsis);
}