.bg-aside {
  @apply bg-white dark:bg-gray-900 dark:border-gray-800;
}

.bg-aside--border-l {
  @apply border-l border-gray-200 dark:border-gray-700;
}

.bg-foreground {
  @apply bg-white sm:dark:bg-gray-800 dark:bg-transparent sm:border-inherit border-none;
}

.bg-system {
  @apply bg-gray-200 dark:bg-gray-800 text-gray-900 dark:text-white;
}

.bg-primary {
  @apply bg-white dark:bg-gray-800;
}

.lyb-border {
  @apply border border-gray-200 dark:border-gray-600;
}

.bg-gradient-primary {
  @apply bg-gradient-to-r from-primary-400 to-pink-400;
}

.bg-gradient-interface {
  @apply bg-gradient-to-br from-purple-100 via-purple-50 to-white dark:from-purple-900/20 dark:via-purple-800/10 dark:to-gray-900;
}

.bg-gradient-chat {
  @apply bg-gradient-to-br from-primary-100/30 via-purple-50/20 to-white dark:to-gray-900;
}

/* Pagination */
.page.current {
  @apply bg-primary-600 px-1.5 rounded-md inline-flex items-center justify-center dark:bg-gray-700 text-white;
}