/* Fontes equivalentes ao layout Next.js (Playfair + Inter) */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

:root {
  --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
}

body.font-sans {
  font-family: var(--font-sans);
}

.font-serif,
h1.font-serif,
h2.font-serif,
h3.font-serif {
  font-family: var(--font-serif);
}

/* Conteúdo de artigo (substitui @tailwindcss/typography não incluído no chunk) */
.prose {
  color: var(--muted-foreground, oklch(0.60 0.03 200));
  line-height: 1.75;
}
.prose h1 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-family: var(--font-serif);
  font-size: 1.875rem;
  font-weight: 700;
  color: var(--foreground);
}
.prose h2 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-family: var(--font-serif);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--foreground);
}
.prose h3 {
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
  font-family: var(--font-serif);
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--foreground);
}
.prose p {
  margin-bottom: 1rem;
}
.prose ul,
.prose ol {
  margin: 0 0 1rem 1.25rem;
}
.prose li {
  margin-bottom: 0.5rem;
}
.prose strong {
  color: var(--foreground);
  font-weight: 600;
}
.prose a {
  color: var(--primary);
  text-decoration: underline;
}
.prose-invert {
  color: oklch(0.60 0.03 200);
}
.dark .prose-invert {
  color: oklch(0.60 0.03 200);
}
.prose-lg {
  font-size: 1.125rem;
}