fix: Add dark mode support to all wizard input fields

- Added bg-[var(--bg-primary)] and text-[var(--text-primary)] CSS variables
- Fixes white background + white text issue in dark mode
- Applied to all input, select, and textarea elements across 8 wizards

Wizards fixed:
- InventoryWizard
- CustomerWizard
- SupplierWizard
- RecipeWizard
- EquipmentWizard
- QualityTemplateWizard
- TeamMemberWizard
- CustomerOrderWizard

(SalesEntryWizard was already fixed in previous commit)

This completes the dark mode UI improvements (High Priority item).
All form inputs now properly support dark mode with correct contrast.

frontend/src/components/domain/unified-wizard/wizards/CustomerOrderWizard.tsx

@@ -226,7 +226,7 @@ const CustomerSelectionStep: React.FC<WizardDataProps> = ({ data, onDataChange,
                   value={newCustomer.name}
                   onChange={(e) => setNewCustomer({ ...newCustomer, name: e.target.value })}
                   placeholder="Ej: Restaurante El Molino"
-                  className="w-full px-3 py-2 border border-[var(--border-secondary)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)]"
+                  className="w-full px-3 py-2 border border-[var(--border-secondary)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] bg-[var(--bg-primary)] text-[var(--text-primary)]"
                 />
               </div>
 
@@ -237,7 +237,7 @@ const CustomerSelectionStep: React.FC<WizardDataProps> = ({ data, onDataChange,
                 <select
                   value={newCustomer.type}
                   onChange={(e) => setNewCustomer({ ...newCustomer, type: e.target.value })}
-                  className="w-full px-3 py-2 border border-[var(--border-secondary)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)]"
+                  className="w-full px-3 py-2 border border-[var(--border-secondary)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] bg-[var(--bg-primary)] text-[var(--text-primary)]"
                 >
                   <option value="retail">Minorista</option>
                   <option value="wholesale">Mayorista</option>
@@ -255,7 +255,7 @@ const CustomerSelectionStep: React.FC<WizardDataProps> = ({ data, onDataChange,
                   value={newCustomer.phone}
                   onChange={(e) => setNewCustomer({ ...newCustomer, phone: e.target.value })}
                   placeholder="+34 123 456 789"
-                  className="w-full px-3 py-2 border border-[var(--border-secondary)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)]"
+                  className="w-full px-3 py-2 border border-[var(--border-secondary)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] bg-[var(--bg-primary)] text-[var(--text-primary)]"
                 />
               </div>
 
@@ -268,7 +268,7 @@ const CustomerSelectionStep: React.FC<WizardDataProps> = ({ data, onDataChange,
                   value={newCustomer.email}
                   onChange={(e) => setNewCustomer({ ...newCustomer, email: e.target.value })}
                   placeholder="contacto@restaurante.com"
-                  className="w-full px-3 py-2 border border-[var(--border-secondary)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)]"
+                  className="w-full px-3 py-2 border border-[var(--border-secondary)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] bg-[var(--bg-primary)] text-[var(--text-primary)]"
                 />
               </div>
             </div>
@@ -681,7 +681,7 @@ const DeliveryPaymentStep: React.FC<WizardDataProps> = ({ data, onDataChange, on
               value={deliveryData.deliveryDate}
               onChange={(e) => setDeliveryData({ ...deliveryData, deliveryDate: e.target.value })}
               min={new Date().toISOString().split('T')[0]}
-              className="w-full px-3 py-2 border border-[var(--border-secondary)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)]"
+              className="w-full px-3 py-2 border border-[var(--border-secondary)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] bg-[var(--bg-primary)] text-[var(--text-primary)]"
             />
           </div>
 
@@ -693,7 +693,7 @@ const DeliveryPaymentStep: React.FC<WizardDataProps> = ({ data, onDataChange, on
               type="time"
               value={deliveryData.deliveryTime}
               onChange={(e) => setDeliveryData({ ...deliveryData, deliveryTime: e.target.value })}
-              className="w-full px-3 py-2 border border-[var(--border-secondary)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)]"
+              className="w-full px-3 py-2 border border-[var(--border-secondary)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] bg-[var(--bg-primary)] text-[var(--text-primary)]"
             />
           </div>
         </div>
@@ -753,7 +753,7 @@ const DeliveryPaymentStep: React.FC<WizardDataProps> = ({ data, onDataChange, on
               onChange={(e) => setDeliveryData({ ...deliveryData, deliveryAddress: e.target.value })}
               placeholder="Calle, número, piso, código postal, ciudad..."
               rows={3}
-              className="w-full px-3 py-2 border border-[var(--border-secondary)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)]"
+              className="w-full px-3 py-2 border border-[var(--border-secondary)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] bg-[var(--bg-primary)] text-[var(--text-primary)]"
             />
           </div>
         )}
@@ -767,7 +767,7 @@ const DeliveryPaymentStep: React.FC<WizardDataProps> = ({ data, onDataChange, on
           <select
             value={deliveryData.paymentMethod}
             onChange={(e) => setDeliveryData({ ...deliveryData, paymentMethod: e.target.value })}
-            className="w-full px-3 py-2 border border-[var(--border-secondary)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)]"
+            className="w-full px-3 py-2 border border-[var(--border-secondary)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] bg-[var(--bg-primary)] text-[var(--text-primary)]"
           >
             <option value="cash">Efectivo</option>
             <option value="card">Tarjeta</option>
@@ -786,7 +786,7 @@ const DeliveryPaymentStep: React.FC<WizardDataProps> = ({ data, onDataChange, on
           <select
             value={deliveryData.orderStatus}
             onChange={(e) => setDeliveryData({ ...deliveryData, orderStatus: e.target.value })}
-            className="w-full px-3 py-2 border border-[var(--border-secondary)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)]"
+            className="w-full px-3 py-2 border border-[var(--border-secondary)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] bg-[var(--bg-primary)] text-[var(--text-primary)]"
           >
             <option value="pending">Pendiente</option>
             <option value="confirmed">Confirmado</option>
@@ -804,7 +804,7 @@ const DeliveryPaymentStep: React.FC<WizardDataProps> = ({ data, onDataChange, on
             onChange={(e) => setDeliveryData({ ...deliveryData, specialInstructions: e.target.value })}
             placeholder="Notas sobre el pedido, preferencias de entrega, etc..."
             rows={3}
-            className="w-full px-3 py-2 border border-[var(--border-secondary)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)]"
+            className="w-full px-3 py-2 border border-[var(--border-secondary)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] bg-[var(--bg-primary)] text-[var(--text-primary)]"
           />
         </div>