@utility badge {
  @apply inline-flex items-center justify-center border border-divider-deep text-text-tertiary;

  &.badge-warning {
    @apply border border-text-warning text-text-warning;
  }

  &.badge-accent {
    @apply border border-text-accent-secondary text-text-accent-secondary;
  }
}

@utility badge-l {
  @apply min-w-6 gap-1 rounded-md;
}

@utility badge-m {
  /* m is for the regular button */
  @apply min-w-5 gap-[3px] rounded-md;
}

@utility badge-s {
  @apply min-w-[18px] gap-0.5 rounded-[5px];
}

@utility badge-warning {
  &.badge {
    @apply border border-text-warning text-text-warning;
  }
}

@utility badge-accent {
  &.badge {
    @apply border border-text-accent-secondary text-text-accent-secondary;
  }
}