:root {
  --chat-color-primario: #e74266;
  --chat-color-sombra-primaria-50: #db4061;
  --chat-color-sombra-primaria-100: #cf3c5c;
  --chat-color-secundario: #20b69e;
  --chat-color-sombra-secundaria-50: #1ca08a;
  --chat-color-blanco: #ffffff;
  --chat-color-luz: #f2f4f8;
  --chat-color-tono-claro-50: #e6e9f1;
  --chat-color-luz-sombra-100: #c2c5cc;
  --chat-color-medio: #d2d4d9;
  --chat-color-oscuro: #101330;
  --chat-color-deshabilitado: #777980;
  --chat-color-tipografia: #404040;

  --chat-espaciado: 1rem;
  --chat-radio-del-borde: 0.25rem;
  --chat-duracion-transicion: 0.15s;

  --chat-ventana-ancho: 400px;
  --chat-ventana-altura: 600px;

  --chat-header-altura: auto;
  --chat-header-padding: var(--chat-espaciado);
  --chat-header-background: var(--chat-color-oscuro);
  --chat-header-color: var(--chat-color-luz);
  --chat-header-border-top: none;
  --chat-header-border-bottom: none;
  --chat-heading-font-size: 2em;
  --chat-subtitulo-font-size: inherit;
  --chat-subtitulo-line-height: 1.8;

  --chat-area-texto-altura: 50px;

  --chat-mensaje-font-size: 1rem;
  --chat-mensaje-padding: var(--chat-espaciado);
  --chat-mensaje-radio: var(--chat-radio-del-borde);
  --chat-mensaje-line-height: 1.8;
  --chat-mensaje-bot-fondo: var(--chat-color-blanco);
  --chat-mensaje-bot-color: var(--chat-color-oscuro);
  --chat-mensaje-bot-border: none;
  --chat-mensaje-usuario-fondo: var(--chat-color-secundario);
  --chat-mensaje-usuario-color: var(--chat-color-blanco);
  --chat-mensaje-usuario-border: none;
  --chat-mensaje-pre-fondo: rgba(0, 0, 0, 0.05);

  --chat-toggle-fondo: var(--chat-color-primario);
  --chat-toggle-hover-fondo: var(--chat-color-sombra-primaria-50);
  --chat-toggle-activo-fondo: var(--chat-color-sombra-primaria-100);
  --chat-toggle-color: var(--chat-color-blanco);
  --chat-toggle-size: 64px;
}
