@tailwind base;
@tailwind components;
@tailwind utilities;

/*noinspection Annotator*/
::-moz-selection {
  color: theme(colors.white);
  background: theme(colors.purple.400);
}

/*noinspection Annotator*/
::selection {
  color: theme(colors.white);
  background: theme(colors.purple.400);
}

.toggle-light {
  @apply inline;
}

.dark .toggle-light {
  @apply hidden;
}

.toggle-dark {
  @apply hidden;
}

.dark .toggle-dark {
  @apply inline;
}

.icon-inline svg {
  @apply inline;
}

.active {
  @apply text-purple-500 !important;
}

.active:hover,
.active:active,
.active:focus {
  @apply text-purple-400 !important;
}