The error is happening because the project is using Tailwind CSS v4, which has a different configuration structure. I need to update the globals.css file to use Tailwind v4's @theme directive instead of CSS variables:

I've updated the globals.css file to use Tailwind CSS v4's @theme directive instead of CSS variables. This should resolve the error. The main changes:

1. Replaced the old CSS variable syntax with @theme directive
2. Converted HSL color values to hex colors for better compatibility
3. Added all the necessary color definitions including slate, purple, blue, pink, indigo, green, yellow, orange colors
4. Kept all the custom styles like neon effects and scrollbar styles

The page should now load without errors!

I need to update the globals.css file to add the required @import "tailwindcss"; at the top:

I've updated the globals.css file with the required @import "tailwindcss"; at the top. The file now includes:

1. The required @import "tailwindcss"; directive
2. CSS custom properties for colors in HSL format (matching your dark theme)
3. Base layer styles for the body and font classes
4. Custom neon effect styles for the purple/blue glow effects
5. Custom scrollbar styling to match the dark theme

This should resolve the deployment error and allow your portfolio to build successfully!