@reference "tailwindcss";

.wysiwyg-content h1 {
  @apply text-5xl font-extrabold dark:text-white;
}

.wysiwyg-content h2 {
  @apply text-3xl font-bold dark:text-white;
}

.wysiwyg-content h3 {
  @apply text-2xl font-bold dark:text-white;
}

.wysiwyg-content h4 {
  @apply text-xl font-bold dark:text-white;
}

.wysiwyg-content h5 {
  @apply text-lg font-bold dark:text-white;
}

.wysiwyg-content h6 {
  @apply text-base font-bold dark:text-white;
}

.wysiwyg-content,
.wysiwyg-content p {
  @apply text-gray-600 dark:text-gray-400;
}

.wysiwyg-content blockquote {
  @apply text-xl italic font-semibold text-gray-900 dark:text-white;
}

.wysiwyg-content a {
  @apply text-primary-500 hover:text-primary-700 dark:text-primary-400 dark:hover:text-primary-600;
}

.wysiwyg-content img {
  @apply rounded-xl;
}