const defaultTheme = require('tailwindcss/defaultTheme')
const colors = require('tailwindcss/colors')

/** @type {import('tailwindcss').Config} */
module.exports = {
	content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
	theme: {
		fontFamily: {
			fontFamily: {
				// add your default font below
				sans: ["Font Name", ...defaultTheme.fontFamily.sans],
			},
		},
		extend: {
			colors: {
				primary: colors.amber // primary color used by the projet, easily swappable
			},
			container: {
				center: true, // default to center the container
				padding: {
					DEFAULT: '1rem' // add a default padding to the container
				}
			},
		},
	}
}