ADD:

- Agregada funcion de cambio de tema para el modo claro
STYLE:
- Agregadas variantes de estilos, clases en modo claro y oscuro
- Quedan pendientes mas componentes a estilizar

resources/css/app.css

@@ -3,6 +3,7 @@
 
 /* 2. Importar Tailwind (v4) */
 @import "tailwindcss";
+@custom-variant dark (&:is(.dark *));
 @source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
 @source '../../storage/framework/views/*.php';
 @source '../**/*.blade.php';
@@ -25,13 +26,16 @@
 
 /* 4. Patrón de fondo estilo "Técnico" */
 .bg-grid-pattern {
-    /* CAMBIO: Usamos rgba(255,255,255, 0.1) para que las líneas sean claras sobre fondo oscuro */
-    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
-                      linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
+    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 1px, transparent 1px),
+                    linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 1px, transparent 1px);
     background-size: 40px 40px;
     background-position: center;
 }
 
+:is(.dark) .bg-grid-pattern {
+    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
+                    linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
+}
 /* 5. Personalización del Scrollbar */
 ::-webkit-scrollbar {
     width: 8px;