Fix Tailwind CSS v4 styling by migrating globals.css to new @import format

next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/types/routes.d.ts";
+import "./.next/dev/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

src/styles/globals.css

@@ -1,3 +1,7 @@
-@tailwind base;
+@import "tailwindcss";
-@tailwind components;
+
-@tailwind utilities;
+@theme {
+  --color-blue-800: #1e40af;
+  --color-blue-900: #1e3a8a;
+  --color-gold-400: #fbbf24;
+}