const defaultTheme = require("tailwindcss/defaultTheme");

module.exports = {
	mode: "jit",
	theme: {
		extend: {
			fontFamily: {
				sans: ["Inter var", ...defaultTheme.fontFamily.sans],
			},
			colors: {
				primary: {
					50: "#f9fafb",
					100: "#eef1fb",
					200: "#dbd7f8",
					300: "#bcb1ed",
					400: "#a286df",
					500: "#8861d3",
					600: "#7045be",
					700: "#663399",
					800: "#39236b",
					900: "#1f163f",
				},
			},
		},
	},
	variants: {},
	plugins: [require("@tailwindcss/forms"), require("@tailwindcss/typography")],
	purge: ["{pages,app}/**/*.{js,ts,jsx,tsx}"],
};