@tailwind base;
@tailwind components;
@tailwind utilities;
body {
    font-family: 'Inter', sans-serif;
    line-height: 1.75;
    font-size: 1.125rem;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
    font-weight: 600;
}
.prose {
    max-width: 60ch;
    font-size: 1.125rem;
    line-height: 1.8;
}

.prose-lg {
    font-size: 1.25rem;
}
.prose h2 {
    @apply text-4xl font-bold mt-16 mb-8 leading-tight;
}

.prose h3 {
    @apply text-2xl font-bold mt-12 mb-6 leading-tight;
}

.prose p {
    @apply mb-8;
}

.prose img {
    @apply my-12;
}

.prose blockquote {
    @apply text-xl my-12;
}

.prose ul {
    @apply my-8;
}

.prose li {
    @apply mb-4;
}
.prose p {
    @apply mb-4;
}

pre {
    @apply rounded-lg p-4 overflow-x-auto;
}

code {
    font-family: 'JetBrains Mono', monospace;
}

.transition-transform {
    transition: transform 0.3s ease;
}

.article-content img {
    @apply my-6 rounded-lg shadow-md;
}

.article-content pre {
    @apply my-6;
}

.shadow-soft {
    box-shadow: 0 10px 30px -15px rgba(0, 0, 0, 0.1);
}