@charset "utf-8";
/* CSS Document */
:root {
  /* Paleta Oficial extraída del Logo */
  --pw-purple-main: #512B79;
  --pw-blue-text:   #0067A0;
  --pw-blue-icon:   #00609C;
  
  /* Colores de Soporte e Interfaz */
  --pw-bg-chat:      #FFFFFF;
  --pw-bg-bubble-ai: #F4F4F9; /* Un gris muy sutil con toque azulado */
  --pw-text-dark:    #1F1F1F;
  --pw-text-light:   #FFFFFF;
}

/* Ejemplo de cómo aplicarlo a la cabecera del chat */
.pw-chat-header {
  background-color: var(--pw-purple-main);
  color: var(--pw-text-light);
}

/* Ejemplo para los botones de acción rápida */
.pw-btn-suggest {
  border: 1px solid var(--pw-blue-text);
  color: var(--pw-blue-text);
  background-color: transparent;
  transition: all 0.3s ease;
}

.pw-btn-suggest:hover {
  background-color: var(--pw-blue-text);
  color: var(--pw-text-light);
}