/* 
 * KORU Chat Themes - Sistema de temas por género
 * v20251223.1 - original
 */

/* ===== TEMA BASE (Neutral/No definido) ===== */
:root {
  --koru-primary: #1E5F8C;
  --koru-success: #5fd9c8;
  --koru-energy: #F5C657;
  --koru-achievement: #FF8866;
  --koru-emotional: #A98CF0;
  --koru-bubble-user: #E8F0F5;
  --koru-bubble-koru: #E5F7F5;
}

/* ===== TEMA MASCULINO ===== */
body.theme-M {
  --koru-primary: #1E5F8C;
  --koru-success: #4A9D8C;        /* Verde más azulado */
  --koru-energy: #E8B54D;          /* Amarillo apagado */
  --koru-achievement: #E87D5F;     /* Coral terroso */
  --koru-emotional: #8BA3C7;       /* Azul grisáceo */
  --koru-bubble-user: #E8F0F5;
  --koru-bubble-koru: #E5F3F5;     /* Verde azulado */
}

/* ===== TEMA FEMENINO ===== */
body.theme-F {
  --koru-primary: #5C8DB8;         /* Azure más cálido */
  --koru-success: #6FE3D0;         /* Verde aqua brillante */
  --koru-energy: #FFD67A;          /* Amarillo luminoso */
  --koru-achievement: #FF9B85;     /* Coral rosado */
  --koru-emotional: #C4A5F5;       /* Lavanda saturada */
  --koru-bubble-user: #E8F5F7;     /* Azure cálido */
  --koru-bubble-koru: #E5FCF8;     /* Verde aqua */
}

/* ===== APLICACIÓN DE VARIABLES EN CHAT ===== */

/* Burbujas de mensajes */
.message.estudiante .message-content {
  background: var(--koru-bubble-user) !important;
}

.message.asistente .message-content {
  background: var(--koru-primary) !important;
}

/* Botón de envío */
.btn-send,
#sendBtn {
  background: var(--koru-primary) !important;
}

/* Botones de acción en chat */
.chat-area button:not(.btn-send):not(#removeImgBtn) {
  background: var(--koru-energy) !important;
  color: var(--graphite) !important;
}

/* Badges de logro/progreso */
.achievement-badge,
.progress-indicator {
  background: var(--koru-achievement) !important;
}

/* Mensajes motivacionales */
.motivational-message {
  color: var(--koru-emotional) !important;
}

/* Hover en tarjetas de selección de puertas (solo en chat) */
body.theme-F .puerta-card:hover {
  border-color: #5C8DB8 !important;
  box-shadow: 0 4px 12px rgba(92,141,184,0.15) !important;
}

body.theme-M .puerta-card:hover {
  border-color: #1E5F8C !important;
  box-shadow: 0 4px 12px rgba(30,95,140,0.15) !important;
}

/* Indicador de escritura */
.typing-dot {
  background: var(--koru-success) !important;
}

/* Animaciones de logro (opcional) */
@keyframes achievement-pulse {
  0%, 100% { 
    transform: scale(1); 
    box-shadow: 0 0 0 0 var(--koru-achievement); 
  }
  50% { 
    transform: scale(1.05); 
    box-shadow: 0 0 0 10px transparent; 
  }
}

.achievement-badge.animated {
  animation: achievement-pulse 2s infinite;
}