chore: add elements to default tailwind config

tailwind.config.cjs

@@ -4,6 +4,22 @@
 module.exports = {
 	content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
 	theme: {
-		extend: {},
+		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
+				}
+			},
+		},
 	}
 }