chore: add elements to default tailwind config

tailwind.config.cjs

@@ -1,9 +1,25 @@
-// const defaultTheme = require('tailwindcss/defaultTheme')
-
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-	content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
-	theme: {
-		extend: {},
-	}
-}
+// const defaultTheme = require('tailwindcss/defaultTheme')
+
+/** @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
+				}
+			},
+		},
+	}
+}