tailwind.config.js

const srcDir = '.';
export default {
	theme: {
		extend: {
			fontFamily: {
				oswald: ['Oswald', 'sans-serif'],
				inter: ['Inter', 'sans-serif']
			},
			gridTemplateColumns: {
				game: 'repeat(8, minmax(150px, 1fr))'
			},
			colors: {
				red: {
					50: '#fef2f3',
					100: '#fee2e4',
					200: '#fecace',
					300: '#fca5ab',
					400: '#f9707a',
					500: '#f04350',
					600: '#dd2532',
					700: '#c01c28',
					800: '#9a1a23',
					900: '#801c23',
					950: '#450a0e'
				},
				graynurse: {
					50: '#f7f7f6',
					100: '#eceeea',
					200: '#dce0d9',
					300: '#b9c1b4',
					400: '#939e8a',
					500: '#717e69',
					600: '#5b6653',
					700: '#495144',
					800: '#3d4338',
					900: '#32382f',
					950: '#191c17'
				}
			}
		}
	},
	content: [
		'./components/**/*.{js,vue,ts}',
		'./layouts/**/*.vue',
		'./pages/**/*.vue',
		'./plugins/**/*.{js,ts}',
		'./app.vue',
		'./error.vue'
	],
	plugins: []
};