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

@theme {
    --color-bg: #FAF6F0;
    --color-primary: #E98B3A;
    --color-secondary: #783419;
    --color-accent: #E06C4F;
    --color-main-text: #2E2E2E;
}

.prose img {
  @apply block mx-auto max-w-full rounded-md;
}

.prose p > img + em {
  @apply block text-center text-sm text-gray-500 mt-0;
}

.btn-mdx {
  @apply px-2 py-1 text-sm border rounded bg-white hover:bg-gray-100;
}

.button {
  @apply flex items-center justify-center gap-2 rounded-lg px-4 py-3 text-sm font-medium text-white;
}