tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
	content: [
		"./pages/**/*.{js,ts,jsx,tsx}",
		"./components/**/*.{js,ts,jsx,tsx}",
		"./data/**/*.{js,ts,jsx,tsx}",
	],
	theme: {
		extend: {
			fontSize: {
				heading: [
					"3.5rem",
					{
						fontWeight: "600",
						fontFamily: {
							lexend: ["var(--font-lexend)", "sans-serif"],
						},
					},
				],
				text: [
					"1.5rem",
					{
						fontWeight: "400",
						fontFamily: {
							lexend: ["var(--font-lexend)", "sans-serif"],
						},
					},
				],
			},
			fontFamily: {
				lexend: ["var(--font-lexend)", "sans-serif"],
			},
			backgroundImage: {
				arrow: "url('/chevron.png')",
			},
			colors: {
				acm: {
					blue: "#82aaff",
					lightpurple: "#c792ea",
					yellow: "#ffd700",
					green: "#c3e88d",
					red: "#ff5370",
					gray: "#8f93a2",
					pink: "#f07178",
					lightblue: "#89ddff",
					darkgray: "#525975",
					orange: "#f78c6c",
					marine: "#80cbc4",
					purple: "#da70d6",
					white: "#ffffff",
					black: "#000000",
				},
			},
		},
	},
	plugins: [],
};