@import "tailwindcss";
@plugin "@tailwindcss/typography";

/* Brand color palette */
@theme {
  --color-brand-50: #FFFBEB;
  --color-brand-100: #FEF3C7;
  --color-brand-200: #FDE68A;
  --color-brand-300: #FCD34D;
  --color-brand-400: #FBBF24;
  --color-brand-500: #F59E0B;
  --color-brand-600: #D97706;
  --color-brand-700: #B45309;
  --color-brand-800: #92400E;
  --color-brand-900: #78350F;
}

/* Code block styling */
.prose pre {
  @apply bg-slate-900 text-slate-100 rounded-lg overflow-x-auto;
}

.prose pre code {
  @apply bg-transparent text-slate-100 p-0 text-sm;
}

.prose code {
  @apply bg-slate-100 text-slate-800 px-1.5 py-0.5 rounded text-sm font-mono;
}

.prose code::before,
.prose code::after {
  content: none;
}