added image and set up theme

.gitignore

@@ -33,3 +33,6 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+# private assets
+private

tailwind.config.js

@@ -1,18 +1,35 @@
+const colors = require("tailwindcss/colors");
+
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   content: [
-    './pages/**/*.{js,ts,jsx,tsx,mdx}',
-    './components/**/*.{js,ts,jsx,tsx,mdx}',
-    './app/**/*.{js,ts,jsx,tsx,mdx}',
+    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+    "./components/**/*.{js,ts,jsx,tsx,mdx}",
+    "./app/**/*.{js,ts,jsx,tsx,mdx}",
   ],
   theme: {
     extend: {
-      backgroundImage: {
-        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
-        'gradient-conic':
-          'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
+      colors: {
+        primary: {
+          500: "#202948",
+          300: "#8097B8",
+          100: "#F2F8FF",
+        },
+        secondary: {
+          500: "#CCA93F",
+          300: "#C4B074",
+        },
+        tertiary: {
+          400: colors.stone[400],
+          300: colors.stone[300],
+        },
+      },
+      fontFamily: {
+        abel: ["Abel", "sans-serif"],
+        cormorant: ["Cormorant", "serif"],
+        frankRuhl: ["Frank Ruhl Libre", "serif"],
       },
     },
   },
   plugins: [],
-}
+};