.Label {
  @apply btu-badge-gray btu-badge-sm text-nowrap font-medium;

  &.is-archived {
    @apply btu-badge-error me-2;
  }

  &.is-draft {
    @apply btu-badge-primary me-2;
  }

  &.is-revision {
    @apply btu-badge-purple me-2;
  }

  &.is-scheduled {
    @apply btu-badge-warning me-2;
  }

  &.is-workflow {
    @apply btu-badge-gray me-2;
  }

  &[data-status-color] {
    --foreground: oklch(
      from var(--status-color) clamp(0.3, calc(l / 1.2), 0.5) c h
    );
    --background: oklch(
      from var(--foreground) clamp(0.908, calc(l * 1.5), 0.98) c h
    );
    @apply me-2 btu-badge-foreground-[--foreground] btu-badge-background-[--background];
  }
}
