added colour palette

package.json

@@ -8,9 +8,11 @@
     },
     "devDependencies": {
         "@tailwindcss/vite": "^4.0.0",
+        "autoprefixer": "^10.5.0",
         "concurrently": "^9.0.1",
         "laravel-vite-plugin": "^3.0.0",
-        "tailwindcss": "^4.0.0",
+        "postcss": "^8.5.10",
+        "tailwindcss": "^4.2.2",
         "vite": "^8.0.0"
     }
 }

resources/css/app.css

@@ -8,4 +8,32 @@
 @theme {
     --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
         'Segoe UI Symbol', 'Noto Color Emoji';
+    
+    /* PRIMARY */
+    --color-primary: #0F172A;
+    --color-primary-light: #1E293B;
+    --color-primary-dark: #020617;
+
+    /* SECONDARY */
+    --color-secondary: #F59E0B;
+    --color-secondary-light: #FCD34D;
+    --color-secondary-dark: #B45309;
+
+    /* BACKGROUND */
+    --color-background: #F8FAFC;
+    --color-background-dark: #E2E8F0;
+
+    /* SURFACE */
+    --color-surface: #FFFFFF;
+    --color-surface-muted: #F1F5F9;
+
+    /* TEXT */
+    --color-text: #0F172A;
+    --color-text-muted: #64748B;
+    --color-text-inverted: #FFFFFF;
+
+    /* STATES */
+    --color-success: #22C55E;
+    --color-warning: #F97316;
+    --color-error: #EF4444;
 }