tailwind.config.ts

import typographyPlugin from "@tailwindcss/typography";
import type { Config } from "tailwindcss";

import { CONTAINER_PADDING, CONTAINER_WIDTH } from "./src/styles/constants";
import containerPlugin from "./src/styles/tailwind/container";
import { tailwindTypographyConfig } from "./src/styles/tailwind/typography";

const config: Config = {
  content: [
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/lib/mdx/components.tsx",
  ],
  corePlugins: {
    container: false,
  },
  theme: {
    extend: {
      fontFamily: {
        sans: `var(--font-inter), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"`,
      },
      maxWidth: {
        container: CONTAINER_WIDTH,
      },
      padding: {
        container: CONTAINER_PADDING,
      },
      typography: tailwindTypographyConfig,
    },
  },
  plugins: [typographyPlugin, containerPlugin],
};
export default config;