/** @type {import('tailwindcss').Config} */
module.exports = {
	content: ["./src/**/*.{html,tsx,ts,js,jsx}"],
	theme: {
		extend: {
			colors: {
				mti: {
					orange: {DEFAULT: "#FF6000", dark: "#cc4402", light: "#ff790a", ultralight: "#ffdaa5"},
					green: {DEFAULT: "#307912", dark: "#2a6014", light: "#3d9f11", ultralight: "#c6edaf"},
					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",
					},
					black: "#353338",
				},
				ielts: {
					reading: {DEFAULT: "#1EB3FF", transparent: "rgba(255, 99, 132, 0.5)"},
					listening: {DEFAULT: "#FF790A", transparent: "rgba(54, 162, 235, 0.5)"},
					writing: {DEFAULT: "#3D9F11", transparent: "rgba(255, 206, 86, 0.5)"},
					speaking: {DEFAULT: "#EF5DA8", transparent: "rgba(75, 192, 192, 0.5)"},
				},
			},
		},
	},
	plugins: [require("daisyui")],
};