Fix: Correct EmpleadoForm background and Chat color variables

This commit addresses UI feedback regarding the EmpleadoForm background
and color variable usage in the Chat module.

Corrections:

1.  **`EmpleadoForm.vue` Background:**
    *   Removed the explicit `bg-gray-100` from the outer container of
      `EmpleadoForm.vue`.
    *   Applied a new class `.empleado-form-page-container` to the outer
      container, styled for consistency with index page containers (padding,
      max-width, margin, default font, no explicit background).
    *   The form itself retains its `bg-white` card appearance, which now sits
      on a page background consistent with other views.

2.  **Chat Module Color Management (`CanvasChat.vue` & `useUi.js`):**
    *   **`useUi.js` Store:**
        *   Added `accentColorChat` (defaulting to teal `rgb(13, 148, 136)`)
          and `bgColorChat` (defaulting to light gray `rgb(249, 250, 251)`)
          to the store's state.
        *   Included these new keys in `appearanceSettingKeys` for persistence.
    *   **`CanvasChat.vue` Component:**
        *   Now imports and uses the `useUi` store.
        *   The main chat container's background is dynamically bound to
          `ui.bgColorChat`.
        *   The background color for user-sent messages and the send button
          is dynamically bound to `ui.accentColorChat`.
        *   Input field focus and scrollbar styling continue to leverage the
          globally defined CSS variables (`--accent-color-chat` and
          `--accent-color-chat-rgb`), which use the same default teal color,
          ensuring consistency.

These changes ensure the `EmpleadoForm.vue` background is visually consistent
with other application forms/pages and that the Chat module's theming is
correctly managed through the central UI store and established CSS variables.

ui/src/style.css

@@ -24,10 +24,25 @@
   --card-hover-shadow: 0 4px 10px rgba(0,0,0,0.10);
 
   /* Colores de módulo */
-  --accent-color-asistencias: #4CAF50;
-  --accent-color-empleados:   #2196F3;
-  --accent-color-planillas:   #FF9800;
-  --accent-color-tareas:      #9C27B0;
+  /* Empleados - Blue 500 (Tailwind) */
+  --accent-color-empleados-rgb: 59, 130, 246;
+  --accent-color-empleados: rgb(var(--accent-color-empleados-rgb));
+
+  /* Chat - Teal 600 (Tailwind) */
+  --accent-color-chat-rgb: 13, 148, 136;
+  --accent-color-chat: rgb(var(--accent-color-chat-rgb));
+
+  /* Planillas - Emerald 500 (Tailwind) */
+  --accent-color-planillas-rgb: 16, 185, 129;
+  --accent-color-planillas: rgb(var(--accent-color-planillas-rgb));
+
+  /* Asistencias - Green 500 (#4CAF50) */
+  --accent-color-asistencias-rgb: 76, 175, 80;
+  --accent-color-asistencias: rgb(var(--accent-color-asistencias-rgb));
+
+  /* Tareas - Purple 500 (#9C27B0) */
+  --accent-color-tareas-rgb: 156, 39, 176;
+  --accent-color-tareas: rgb(var(--accent-color-tareas-rgb));
 
   /* Fondos de tabla (light) */
   --table-container-bg-color-asistencias: #fdebee;