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

.post-content h1 {
  @apply text-3xl font-bold text-[#f5e0dc] mb-4 mt-6;
}

.post-content h2 {
  @apply text-2xl font-semibold text-[#f5e0dc] mb-3 mt-5;
}

.post-content h3 {
  @apply text-xl font-medium text-[#f5e0dc] mb-2 mt-4;
}

.post-content h4 {
  @apply text-lg font-medium text-[#f5e0dc] mb-2 mt-3;
}

.post-content p {
  @apply mb-3 text-[#f5e0dc];
}

.post-content pre {
  @apply overflow-x-scroll bg-[#454656] p-2 mb-4 rounded-lg;
}

.post-content code {
  @apply text-[#DCC9C6];
}