/** @type {import('tailwindcss').Config} */
module.exports = {
	content: ["./src/**/*.{html,tsx,ts,js,jsx}"],
	safelist: [
		{
			pattern: /bg-ai-detection-result-(ai|mixed|human)/,
		},
		{
			pattern: /(bg|text|ring)-(red|blue|green|purple|pink|indigo|teal|orange|cyan|emerald|sky|violet|fuchsia|rose|lime|slate)-(50|100|200|700)/,
		},
		{
			pattern: /^(from|to|bg|border|text)-ielts-(level|reading|writing|speaking|listening)(\/\d+)?$/,
			variants: ['hover', 'disabled'],
		},
	],
	theme: {
		container: {
			center: true,
			padding: "2rem",
			screens: {
				"2xl": "1400px",
			},
		},
		extend: {
			keyframes: {
				"accordion-down": {
					from: {height: "0"},
					to: {height: "var(--radix-accordion-content-height)"},
				},
				"accordion-up": {
					from: {height: "var(--radix-accordion-content-height)"},
					to: {height: "0"},
				},
			},
			animation: {
				"accordion-down": "accordion-down 0.2s ease-out",
				"accordion-up": "accordion-up 0.2s ease-out",
			},
			scale: {
				102: "1.02",
			},
			boxShadow: {
				"training-inset": "inset 0px 2px 18px 0px #00000029",
			},
			safelist: ["bg-ielts-level"],
			colors: {
				mti: {
					orange: {DEFAULT: "#FF6000", dark: "#cc4402", light: "#ff790a", ultralight: "#ffdaa5"},
					green: {DEFAULT: "#307912", dark: "#2a6014", light: "#3d9f11", ultralight: "#c6edaf"},
					purple: {DEFAULT: "#6A5FB1", dark: "#6354A1", ultradark: "#554A8B", light: "#7872BF", ultralight: "#D5D9F0"},
					red: {DEFAULT: "#BB4747", dark: "#9D3838", light: "#CC5454", ultralight: "#F5D3D3"},
					rose: {DEFAULT: "#D6352C", dark: "#B42921", light: "#EB5C54", ultralight: "#FCCFCC"},
					blue: {DEFAULT: "#0696ff", dark: "#007ff8", light: "#1eb3ff", ultralight: "#b5edff"},
					white: {DEFAULT: "#ffffff", alt: "#FDFDFD"},
					gray: {
						seasalt: "#F9F9F9",
						smoke: "#F5F5F5",
						taupe: "#898492",
						dim: "#696F79",
						cool: "#8692A6",
						platinum: "#DBDBDB",
						"anti-flash": "#EAEBEC",
						davy: "#595959",
					},
					black: "#353338",
				},
				ielts: {
					reading: {DEFAULT: "#1EB3FF", light: "#F0F9FF", transparent: "rgba(255, 99, 132, 0.5)"},
					listening: {DEFAULT: "#FF790A", light: "#FFF1E5", transparent: "rgba(54, 162, 235, 0.5)"},
					writing: {DEFAULT: "#3D9F11", light: "#E8FCDF", transparent: "rgba(255, 206, 86, 0.5)"},
					speaking: {DEFAULT: "#EF5DA8", light: "#FEF6FA", transparent: "rgba(75, 192, 192, 0.5)"},
					level: {DEFAULT: "#414288", light: "#C8C8E4", transparent: "rgba(65, 66, 136, 0.5)"},
				},
				"ai-detection": {
					result: {
						ai: {DEFAULT: "#f4bf4f", text: "#f0bc4f", bg: "#fff8e8"},
						mixed: {DEFAULT: "#93aafb", bg: "rgba(147, 170, 251, 0.3)"},
						human: {DEFAULT: "#50c08a", bg: "#e9f9ed"},
					},
					confidence: {
						high: {DEFAULT: "#84d1ac", transparent: "#daf0e3"},
						medium: {DEFAULT: "#f7ec88", transparent: "#fcf8d8"},
						low: {DEFAULT: "#ffc1c1", transparent: "#ffebe9"},
						border: "#888888",
					},
					highlight: "#ffefb7",
					text: "#8992B1",
				},
			},
			screens: {
				"-sm": {max: "639px"},
				"-md": {max: "767px"},
				"-lg": {max: "1023px"},
				"-xl": {max: "1279px"},
				"-2xl": {max: "1535px"},
				"-3xl": {max: "1919px"},
			},
		},
	},
	plugins: [require("daisyui"), require("tailwind-scrollbar-hide"), require("tailwindcss-animate")],
};