inital working version

frontend/tailwind.config.js

@@ -1,9 +1,9 @@
 /** @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}',
+    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
+    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
+    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
   ],
   theme: {
     extend: {
@@ -14,6 +14,22 @@ module.exports = {
       maxWidth: {
         'reading': '800px',
       },
+      colors: {
+        // Light Mode
+        light: {
+          background: '#FAFAF8',
+          text: '#2C3E50',
+          header: '#0A1628',
+          accent: '#2A4D5C',
+        },
+        // Dark Mode  
+        dark: {
+          background: '#0A1628',
+          text: '#F5E6D3',
+          header: '#F5E6D3',
+          accent: '#D4A574',
+        },
+      },
     },
   },
   plugins: [],