Update Template Files

tailwind.config.cjs

@@ -3,12 +3,22 @@ module.exports = {
 	content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}", "./node_modules/@ibcornelsen/ui/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
 	darkMode: "class",
 	plugins: [require("daisyui"), require("@tailwindcss/typography")],
+	important: true,
 	theme: {
 		extend: {
+			screens: {
+				xs: '480px'
+			},
+
 			colors: {
 				"pdf-yellow-bright": "#f3cb00",
 				"pdf-yellow-light": "#fff6ca",
+				"box-heading": 'var(--box-heading)'
 			},
+			boxShadow: {
+				'box': '3px 3px 6px rgba(0, 0, 0, 0.1)',
+				
+			  }
 		},
 	},
 	daisyui: {
@@ -22,6 +32,8 @@ module.exports = {
 				'secondary-focus': '#2f397f',
 				'secondary-content': '#ffffff',
 
+				'--box-heading': '#3A4AB5',
+
 				'accent': '#7b37cd',
 				'accent-focus': '#5f25a7',
 				'accent-content': '#ffffff',
@@ -63,6 +75,8 @@ module.exports = {
 				'secondary-focus': '#2f397f',
 				'secondary-content': '#ffffff',
 
+				'--box-heading': '#3A4AB5',
+
 				'accent': '#8c45e3',
 				'accent-focus': '#7532c8',
 				'accent-content': '#ffffff',
@@ -115,8 +129,8 @@ module.exports = {
 		'5xl': '4.210rem',
 	},
 	fontFamily: {
-		heading: 'Poppins',
-		body: 'Poppins',
+		heading: 'Abel',
+		body: 'Abel',
 	},
 	fontWeight: {
 		normal: '400',