@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;
}