feat: Rediseño de interfaz con temática de Halloween

- Actualización de estilos CSS en pixel-sections.css para reflejar una paleta de colores suave de Halloween, incluyendo cambios en gradientes, bordes y sombras.
- Modificación de elementos en index.ejs para incluir decoraciones de Halloween como calabazas y fantasmas.
- Ajustes en layout.ejs y navbar.ejs para incorporar iconos y tooltips relacionados con Halloween.
- Creación de un nuevo archivo README para documentar los cambios y la nueva paleta de colores.

src/server/views/partials/navbar.ejs

@@ -1,15 +1,15 @@
 <nav class="fixed inset-x-0 top-0 z-50 pixel-navbar">
   <div class="mx-auto max-w-[120rem] px-4 sm:px-6 lg:px-8 h-14 flex items-center justify-between">
     <a href="#" class="flex items-center gap-3">
-      <div class="pixel-coin" style="width: 20px; height: 20px;"></div>
-      <span class="font-['Press_Start_2P'] text-sm" style="color: var(--pixel-accent-3);"><%= appName %></span>
-      <span class="pixel-star" style="width: 12px; height: 12px;"></span>
+      <div class="pixel-pumpkin" style="width: 20px; height: 20px;"></div>
+      <span class="font-['Press_Start_2P'] text-sm" style="color: var(--pixel-pumpkin);"><%= appName %></span>
+      <span class="pixel-star-halloween">✦</span>
     </a>
     <div class="hidden md:flex items-center gap-6">
-      <a href="#primeros-pasos" class="pixel-tooltip" data-tooltip="✨ Empieza aquí">Guía</a>
+      <a href="#primeros-pasos" class="pixel-tooltip" data-tooltip="🎃 Empieza aquí">Guía</a>
       <a href="#minijuegos" class="pixel-tooltip" data-tooltip="🎮 Juega">Minijuegos</a>
       <a href="#economia" class="pixel-tooltip" data-tooltip="💰 Gana">Economía</a>
-      <a href="#faq" class="pixel-tooltip" data-tooltip="❓ Ayuda">FAQ</a>
+      <a href="#faq" class="pixel-tooltip" data-tooltip="👻 Ayuda">FAQ</a>
     </div>
     <button id="toggle-nav" class="md:hidden" aria-label="Abrir navegación">
       <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">