From 3153f1b27d2fb9a8e0d5b3cdea9c84917cf06f95 Mon Sep 17 00:00:00 2001
From: Nicolas Cantu <nicolas.cantu@pm.me>
Date: Sun, 28 Dec 2025 23:11:58 +0100
Subject: [PATCH] Fix: Add @theme configuration for Tailwind CSS v4 custom
 colors and utilities

---
 styles/globals.css | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/styles/globals.css b/styles/globals.css
index 25c42a9..0ab9942 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -1,5 +1,39 @@
 @import "tailwindcss";
 
+@theme {
+  --color-midnight-50: #0a0e27;
+  --color-midnight-100: #0d1229;
+  --color-midnight-200: #10152b;
+  --color-midnight-300: #13182d;
+  --color-midnight-400: #161b2f;
+  --color-midnight-500: #191e31;
+  --color-midnight-600: #1c2133;
+  --color-midnight-700: #1f2435;
+  --color-midnight-800: #222737;
+  --color-midnight-900: #252a39;
+  
+  --color-neon-cyan: #00ffff;
+  --color-neon-green: #00ff41;
+  --color-neon-blue: #0080ff;
+  --color-neon-purple: #bf00ff;
+  --color-neon-pink: #ff00ff;
+  
+  --color-cyber-dark: #0a0a0f;
+  --color-cyber-darker: #050508;
+  --color-cyber-light: #1a1a2e;
+  --color-cyber-accent: #00d9ff;
+  --color-cyber-accent2: #00ff88;
+  
+  --shadow-neon-cyan: 0 0 10px #00ffff, 0 0 20px #00ffff, 0 0 30px #00ffff;
+  --shadow-neon-green: 0 0 10px #00ff41, 0 0 20px #00ff41, 0 0 30px #00ff41;
+  --shadow-neon-blue: 0 0 10px #0080ff, 0 0 20px #0080ff, 0 0 30px #0080ff;
+  --shadow-glow-cyan: 0 0 5px #00ffff, 0 0 10px #00ffff;
+  --shadow-glow-green: 0 0 5px #00ff41, 0 0 10px #00ff41;
+  
+  --bg-image-cyber-grid: linear-gradient(rgba(0, 255, 255, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 255, 255, 0.1) 1px, transparent 1px);
+  --bg-size-grid: 20px 20px;
+}
+
 :root {
   --foreground-rgb: 200, 220, 255;
   --background-start-rgb: 10, 14, 39;