/**
 * Kian AI - Variables de Color y Tema
 * Sistema de diseño actualizado: Grises técnicos y eliminación de degradados claros.
 */

/* Tipografía cargada vía CDN */

:root {
  /* --- PALETA BASE --- */
  --indigo: hsl(240, 40%, 25%);
  --cyan: hsl(180, 70%, 40%);
  --lime-green: hsl(90, 70%, 40%);

  /* Degradado Principal (Vibrante) */
  --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

  --primary: var(--cyan);
  --secondary: var(--lime-green);

  /* --- TEMA OSCURO (Default) --- */
  --bg-primary: #0f0c29;
  /* Deep night blue */
  --bg-secondary: #302b63;
  /* Lighter purple/blue mix */
  --bg-tertiary: #24243e;

  /* Glassmorphism Dark */
  --glass-bg: rgba(15, 12, 41, 0.75);

  /* Texto Dark */
  --text-primary: #ffffff;
  --text-secondary: #a7a7a7;
  --text-tertiary: #6c757d;

  /* --- BURBUJAS DE MENSAJE (OSCURO) --- */
  /* Usuario: Gris Tech Solido */
  --msg-user-bg: #374151;
  /* Cool Gray 700 - Solido y consistente */
  --msg-user-text: #f3f4f6;
  /* Off-white para buen contraste */
  /* Texto claro para contraste en burbuja oscura */

  /* Bot: Gris Oscuro Elegante */
  --msg-bot-bg: rgba(255, 255, 255, 0.08);
  /* Semi-transparente */
  --msg-bot-text: var(--text-primary);

  /* UI Elements */
  --input-bg: hsla(240, 30%, 10%, 0.6);
  --border-color: transparent;

  --success: hsl(130, 70%, 50%);
  --error: hsl(0, 80%, 60%);
  --warning: hsl(40, 100%, 60%);

  /* Bordes y sombras */
  --border-radius-sm: 6px;
  --border-radius-md: 10px;
  --border-radius-lg: 14px;
  --border-radius-xl: 20px;
  --border-radius-full: 9999px;

  --shadow-color: hsla(0, 0%, 0%, 0.4);
  --shadow-sm: 0 2px 4px var(--shadow-color);
  --shadow-md: 0 4px 10px var(--shadow-color);
  --shadow-lg: 0 8px 25px var(--shadow-color);

  /* Transiciones */
  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease;

  /* Layout */
  --spacing-md: 12px;
  --spacing-lg: 20px;
  --header-height: 56px;
  --z-sticky: 100;
  --z-modal-backdrop: 999;
  --z-modal: 1000;

  /* Fuentes */
  --font-family-base: 'Poppins', sans-serif;
  --font-family-mono: 'Fira Code', monospace;
  --font-size-sm: 0.8rem;
  --font-size-base: 0.95rem;
  --font-size-xl: 1.25rem;
  --font-weight-normal: 400;
  --font-weight-bold: 700;
}

/* --- TEMA CLARO (Gris Técnico Oscurecido -10%) --- */
[data-theme="light"] {
  /* Fondo: Gris Plata Oscuro (88% -> 78%) */
  --bg-primary: hsl(210, 10%, 78%);
  /* Paneles: (82% -> 72%) */
  --bg-secondary: hsl(210, 10%, 72%);
  /* Hover/Detalles: (75% -> 65%) */
  --bg-tertiary: hsl(210, 10%, 65%);

  /* Glassmorphism Light (85% -> 75%) */
  --glass-bg: hsla(210, 10%, 75%, 0.9);

  /* Textos: Mantener contraste alto */
  --text-primary: hsl(210, 20%, 10%);
  /* Un poco más negro para compensar el fondo más oscuro */
  --text-secondary: hsl(210, 20%, 25%);
  --text-tertiary: hsl(210, 15%, 40%);

  /* --- BURBUJAS DE MENSAJE (CLARO) --- */
  /* Usuario: Excesivamente sutil (casi invisible) */
  --msg-user-bg: hsl(210, 10%, 88%);
  /* Gris muy pálido */
  --msg-user-text: hsl(210, 15%, 40%);
  /* Gris medio-oscuro, no negro */

  /* Bot: Gris Claro Distintivo */
  --msg-bot-bg: hsl(210, 10%, 90%);
  --msg-bot-text: var(--text-primary);

  /* UI Elements */
  --input-bg: hsla(210, 10%, 70%, 0.8);
  /* (80% -> 70%) */
  --shadow-color: hsla(210, 10%, 10%, 0.2);
  /* Sombra un poco más fuerte */

  /* Iconos y acentos */
  --primary: hsl(215, 70%, 35%);
  /* Azul más profundo */
}