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

::-moz-selection {
  color: theme(colors.gray.800);
  background: theme(colors.purple.400);
}

::selection {
  color: theme(colors.gray.800);
  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-primary-400 !important;
}