/* ════════════════════════════════════════════════════════════════════════════
   user.css — Hoja de estilos EDITABLE del cliente PHP.
   ════════════════════════════════════════════════════════════════════════════

   Este archivo se carga DESPUÉS de chatbot.css, así que cualquier regla
   que escribas acá sobreescribe la equivalente del inmutable.

   VARIABLES disponibles (definidas en chatbot.css, sobreescribibles acá):

     --font          Familia tipográfica principal.
     --bg            Fondo del cuerpo de la página.
     --surface       Fondo del panel / header / burbuja del bot.
     --text          Color de texto principal.
     --muted         Color de texto secundario / placeholders.
     --accent        Color de acento (botón enviar, foco, hover).
     --border        Color de bordes y separadores.
     --link          Color de links dentro de las respuestas.
     --user-bubble    Fondo de la burbuja del usuario.
     --bot-bubble    Fondo de la burbuja del bot.
     --user-accent   Color de acento del avatar del usuario.
     --bot-accent    Color de acento del avatar del bot.
     --radius / --radius-lg   Radios de borde.
     --shadow        Sombra del contenedor del chat.
     --maxw          Ancho máximo del chat (ej. min(100%, 760px)).

   Para dark, sobreescribí usando [data-theme="dark"] { ... }.

   ── Ejemplos (descomentá y adaptá) ────────────────────────────────────────

   :root {
     --accent: #16a34a;           verde de marca
     --maxw: min(100%, 920px);    más ancho en desktop
   }

   .chat-header__title { font-size: 1.4rem; font-weight: 700; }

   [data-theme="dark"] .msg.bot .bubble {
     background: #0f1a2e;
   }
   ════════════════════════════════════════════════════════════════════════════ */