import type {Config} from "tailwindcss";

const config: Config = {
	content: ["./src/pages/**/*.{js,ts,jsx,tsx,mdx}", "./src/components/**/*.{js,ts,jsx,tsx,mdx}", "./src/app/**/*.{js,ts,jsx,tsx,mdx}"],
	theme: {
		extend: {
			backgroundImage: {
				"gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
				"gradient-conic": "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
			},
			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", 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)"},
				},
			},
			inset: {
				"1/6": "16%",
				"1/8": "12%",
				"1/10": "10%",
				"1/12": "8%",
			},
			screens: {
				"-sm": {max: "639px"},
				"-md": {max: "767px"},
				"-lg": {max: "1023px"},
				"-xl": {max: "1279px"},
				"-2xl": {max: "1535px"},
				"-3xl": {max: "1919px"},
			},
		},
	},
	plugins: [],
};
export default config;