/* Variables de color para el tema oscuro con tinte violeta */
:root {
  /* Fondo: Gris oscuro con tinte violeta (RGB > 8) */
  --bg-core: #111016; 
  
  /* Inputs/Elementos: Un poco más claro, manteniendo el tono (RGB > 8) */
  --bg-input: #1a1921; 
  
  /* Texto: Blanco hueso, nunca puro (RGB < 248) */
  --text-main: #e6e6e6; 
  
  /* Texto secundario: Gris medio */
  --text-dim: #8b8b95; 
  
  --accent: #6366f1;
  --grad-main: linear-gradient(90deg, #6366f1, #a855f7);
  
  /* Colores de fondo para elementos */
  --bg-modal: #16151a;
  --bg-tabs: #1e1d24;
  --bg-field: #1a1921;
  --bg-session: #1e1d24;
  --bg-toast: #1e1d24;
  
  /* Colores de texto */
  --text-bubble-ai: #dcdce0;
  --text-bubble-user: var(--text-main);
  --text-label: #aaa;
  --text-meta: #888;
  --text-time: #888;
  --text-placehoder: #666;
  --text-session-title: var(--text-main);
  
  /* Colores de bordes */
  --border-light: #333;
  --border-lighter: #2a2a2a;
  --border-accent: rgba(99, 102, 241, 0.3);
  
  /* Colores semánticos */
  --color-success: #38ef7d;
  --color-error: #ff6b6b;
  --color-warning: #ef4444;
  --color-info: var(--accent);
  
  /* Colores de elementos específicos */
  --color-purple-light: #d0b8f6;
  --color-purple-medium: #a5b4fc;
  --color-purple-darker: #818cf8;
  --color-blue-light: #cbd5e1;
  --color-purple-vibrant: #a855f7;
  
  /* Colores para estados */
  --color-hover: rgba(230, 230, 230, 0.08);
  --color-active: rgba(255, 255, 255, 0.1);
  --color-focus: rgba(99, 102, 241, 0.2);
  --color-selected: rgba(99, 102, 241, 0.1);
}