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

/* Custom font import and minor tweaks kept from original HTML */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
  --gradient-from: #6b46c1;
  --gradient-to: #38a169;
}

body { font-family: 'Poppins', sans-serif; }
.gradient-text {
  background: linear-gradient(90deg, var(--gradient-from), var(--gradient-to));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.article-content p {
margin-bottom: 1.5rem;
line-height: 1.8;
}
.article-content h2 {
font-size: 1.75rem;
font-weight: 600;
margin: 2.5rem 0 1.5rem;
color: #6b46c1;
}
.article-content h3 {
font-size: 1.5rem;
font-weight: 500;
margin: 2rem 0 1rem;
color: #4a5568;
}
.article-content ul, .article-content ol {
margin-bottom: 1.5rem;
padding-left: 2rem;
}
.article-content ul{
list-style-type: disc;
}
.article-content li {
margin-bottom: 0.5rem;
line-height: 1.8;
}