feat(18): colors and fonts to tailwind

18-expenses-chart/tailwind.config.js

@@ -1,8 +1,28 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: ["./**/*.templ"],
+  content: ["./templates/index.templ"],
   theme: {
-    extend: {},
+    extend: {
+      fontFamily: {
+        'sans': ['DM Sans', 'sans-serif'], 
+      },
+      fontWeight: {
+        'normal': 400,
+        'bold': 700,
+      }
+    },
+    colors: {
+      primary: {
+        'soft-red': 'hsl(10, 79%, 65%)',
+        cyan: 'hsl(186, 34%, 60%)',
+      },
+      neutral: {
+        'dark-brown': 'hsl(25, 47%, 15%)',
+        'medum-brown': 'hsl(28, 10%, 53%)',
+        cream: 'hsl(27, 66%, 92%)',
+        'very-pale-orange': 'hsl(33, 100%, 98%)',
+      },
+    }
   },
   plugins: [],
 }