@import '@newspaperui/theme/variables.css';

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

@layer base {
  body {
    @apply bg-white text-gray-900;
  }

  h1 {
    @apply text-4xl font-bold mb-4;
  }

  h2 {
    @apply text-3xl font-semibold mt-8 mb-4;
  }

  h3 {
    @apply text-2xl font-semibold mt-6 mb-3;
  }

  p {
    @apply mb-4 leading-relaxed;
  }

  code {
    @apply text-sm bg-gray-100 px-1.5 py-0.5 rounded;
  }

  pre code {
    @apply bg-transparent p-0;
  }
}