import type {Config} from "tailwindcss";

const config: Config = {
	content: [
		"./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
		"./src/components/**/*.{js,ts,jsx,tsx,mdx}",
		"./src/templates/**/*.{js,ts,jsx,tsx,mdx}",
		"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
	],
	theme: {
		extend: {
			fontFamily: {
				almarai: ["Almarai", "sans-serif"],
			},
			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: {
				"18": "4.5rem",
				"30": "7.5rem",
				"1/6": "16%",
				"2/6": "32%",
				"3/6": "48%",
				"4/6": "64%",
				"5/6": "80%",
				"1/8": "12%",
				"1/10": "10%",
				"1/12": "8%",
				"2/12": "16%",
				"3/12": "24%",
				"4/12": "32%",
				"5/12": "40%",
				"6/12": "48%",
				"7/12": "56%",
				"8/12": "64%",
				"9/12": "72%",
				"10/12": "80%",
				"11/12": "88%",
			},
			screens: {
				"-sm": {max: "639px"},
				"-md": {max: "767px"},
				"-lg": {max: "1023px"},
				"-xl": {max: "1279px"},
				"-2xl": {max: "1535px"},
				"-3xl": {max: "1919px"},
			},
		},
	},
	plugins: [require("daisyui")],
	daisyui: {
		themes: ["light"],
	}
};
export default config;