/* stylelint-disable at-rule-no-unknown, import-notation */
@import 'tailwindcss';

@plugin "@tailwindcss/typography";

@variant dark (&:where(.dark, .dark *));

/* stylelint-enable at-rule-no-unknown, import-notation */

/* Smooth transitions for dark mode */
* {
  transition-property: background-color, border-color, color, fill, stroke;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
}

/* Disable transitions for elements that shouldn't animate */
*:where(:not(:has(> *))) {
  transition-property: none;
}