@import "./limea-colors-only.css";
@layer components {
  .bg-limea-app {
    @apply bg-limea-1 dark:bg-limedarka-1;
  }
  .bg-limea-subtle {
    @apply bg-limea-2 dark:bg-limedarka-2;
  }
  .bg-limea-ui {
    @apply bg-limea-3 dark:bg-limedarka-3 hover:bg-limea-4 dark:hover:bg-limedarka-4 active:bg-limea-5 dark:active:bg-limedarka-5;
  }
  .bg-limea-ghost {
    @apply bg-transparent dark:bg-transparent hover:bg-limea-3 dark:hover:bg-limedarka-3 active:bg-limea-4 dark:active:bg-limedarka-4;
  }
  .bg-limea-action {
    @apply bg-limea-4 dark:bg-limedarka-4 hover:bg-limea-5 dark:hover:bg-limedarka-5 active:bg-limea-6 dark:active:bg-limedarka-6;
  }
  .bg-limea-solid {
    @apply bg-limea-9 dark:bg-limedarka-9 hover:bg-limea-10 dark:hover:bg-limedarka-10;
  }
  .border-limea-dim {
    @apply border-limea-6 dark:border-limedarka-6;
  }
  .border-limea-normal {
    @apply border-limea-7 dark:border-limedarka-7 hover:border-limea-8 dark:hover:border-limedarka-8;
  }
  .divide-limea-dim {
    @apply divide-limea-6 dark:divide-limedarka-6;
  }
  .divide-limea-normal {
    @apply divide-limea-7 dark:divide-limedarka-7 hover:divide-limea-8 dark:hover:divide-limedarka-8;
  }
  .text-limea-dim {
    @apply text-limea-11 dark:text-limedarka-11;
  }
  .text-limea-normal {
    @apply text-limea-12 dark:text-limedarka-12;
  }
}